jquery - 如何在滚动时卡住表格的前两列

标签 jquery css

我在 div 中有表格。当 div 滚动时,表格的前两列必须卡住(始终可见)。如何使用 jquery 执行此操作。

这是我需要帮助的代码。

<div style="overflow: scroll; width: 1000px;">
<table border="2">
    <tr>
        <td style="width: 200px; background-color:Aqua;">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px; background-color:Aqua;">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
        <td style="width: 200px">
            asd;alskd;laksd;lka
        </td>
    </tr>        
</table>

最佳答案

<td style="width: 200px; background-color:Aqua; position:fixed;">
    asd;alskd;laksd;lka
</td>
<td style="width: 200px; background-color:Aqua;position:fixed;">
    asd;alskd;laksd;lka
</td>

关于jquery - 如何在滚动时卡住表格的前两列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7821026/

相关文章:

javascript - 从Facebook的移动应用程序复制标题滚动效果

javascript - Uncaught Error : No define call in require. js

php - PHP 中的 session 与 JSON 和 AJAX

javascript - jQuery - 修复动画

javascript - 在 localhost/phpmyadmin 中使用控制台

html - 使用 CSS3 关键帧连续在 div 中来回动画 block

javascript - 如何显示 slider 左侧的navigationMenu div

css - 可以更改不同文件的 SASS/Compass 输出文件夹吗?

html - 显示或隐藏网页部分的按钮

html - 跨度填充宽度因 float 图像而减小