我正在尝试卡住表格的 THEAD
部分,以便在我滚动时,THEAD
始终可见。我通过将事件处理程序附加到 jQuery 中的 scroll
事件来完成此操作,该事件将 THEAD
的 top
位置设置为滚动偏移量:
$(".scroll").scroll(function () {
$("#header thead").css({"top": ($(".scroll").scrollTop()) + "px"});
});
您可以在这个 FIDDLE 看到它的实际效果
最佳答案
最丑陋的替代解决方案,至少没有 js 并且被大多数浏览器支持(没有 css3)。 Jsfiddle
基本上它复制
表格,将第一个表格标题设置为仅在第二个表格顶部可见。缺点是,因为它使用固定位置,所以不会像表格那样水平滚动。也许如果您将表格宽度设置为与窗口宽度相同,它应该可以正常工作。只是一个选择
关于jquery - 如何仅使用 CSS 卡住 THEAD?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21459295/