jquery - 如何仅使用 CSS 卡住 THEAD？

Question

我正在尝试卡住表格的 THEAD 部分，以便在我滚动时，THEAD 始终可见。我通过将事件处理程序附加到 jQuery 中的 scroll 事件来完成此操作，该事件将 THEAD 的 top 位置设置为滚动偏移量:

$(".scroll").scroll(function () {
    $("#header thead").css({"top": ($(".scroll").scrollTop()) + "px"});
});

您可以在这个 FIDDLE 看到它的实际效果

Answer 1

最丑陋的替代解决方案，至少没有 js 并且被大多数浏览器支持(没有 css3)。 Jsfiddle基本上它复制表格，将第一个表格标题设置为仅在第二个表格顶部可见。缺点是，因为它使用固定位置，所以不会像表格那样水平滚动。也许如果您将表格宽度设置为与窗口宽度相同，它应该可以正常工作。只是一个选择