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 - 当在同一个 HTML 页面上使用的两个 JavaScript 文件中有两个 jQuery $(document).ready 调用时会发生什么?

javascript - jquery国际电话号码输入

jquery - 在小数点末添加0,以确保始终为2个小数?

css - 2列带有<div>,第一列动态宽度

html - CSS3 z-index 问题

javascript - Jstree:如何避免选中禁用复选框?

javascript - jQuery .click命令顺序

javascript - 如何检测添加到 div 上的所有事件

css - 正文上的等宽字体中断布局

html - 具有相同属性的CSS类与单个类进行分组性能-SASS/SCSS实现