Question

这非常棘手。我有一个比页面宽的表，因此用户必须水平滚动才能看到某些列。但后来他们忽视了最左边（标题）栏目。

我不负责桌面结构（非常奇怪的设置IMO），但它是这样的：

<table>
    <tr>
        <td>[THE HEADER COLUMN (as a separate table)]</td>
        <td>[THE TABLE BODY (as a separate table)]</td>
    </tr>
</table>

所以我需要在屏幕边缘显示“标题列表”，当用户将其滚动到视图之外时，鼠标悬停在屏幕边缘。

我当时认为克隆标题表然后暂时显示它是这样做的方式（不能移动原始页面，因为页面宽度会改变）。这似乎是一个混乱的解决方案（特别是因为原始列标题表具有与之关联的ID）。

你认为这是正确的方法吗？有什么想法吗？

我不需要任何jQuery事件处理的帮助，我不能使用可滚动的表而不是这种方法。

Answer 1

如果你将第一个表的css设置为fixed并保持为0，那么它将被粘贴到屏幕的左边缘，你只需要检查用户是否在每次滚动事件后都开始滚动：

$(window).scroll( function(){ // fired after every scroll event
    if($(window).scrollLeft() > 0){ // check horizontal scroll
        $("#table1").css("position","fixed");
    } else {
        $("#table1").css("position","relative");
    }
});

克隆并显示表格

1 个答案: