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

标签 jquery html css

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

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

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

最佳答案

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

关于jquery - 如何仅使用 CSS 卡住 THEAD?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21459295/

相关文章:

jquery - 在 Bootstrap X-editable 中添加加载程序图像/文本

HTML5 样板文件的缺点

javascript - 在自定义下拉菜单中添加图像?

javascript - 尝试根据在下拉框中选择的选项显示/隐藏和元素

Jquery 选项卡 Cookie

ajax - SELECT2 ajax - 预加载选项

javascript - 基于 span 内容的 jQuery 选择

javascript - .change 函数的多个输入

javascript - 完整日历插件 - 单击输入的日期

css - 有什么方法可以获得特定于断点的宽度类?