Javascript 滚动滚动条时，使AD在顶部可见

在滚动时，我希望保持表的名称固定（可见）。 我花了大量时间寻找合适的解决方案，并找到了很多jquery插件，但没有一个可以正常工作

我有逻辑，但我不太擅长javascript和jquery。 我的逻辑是

我将获得我的thead和scrolltop的位置。 现在，当我们移动滚动条时，我将移动THAD（相同的距离），使其始终保持在顶部

---

请帮我把它写成代码的形式。这将是一个很大的帮助。或者您也可以从任何建议开始。

只要使用CSS，您就可以为

tbody

tbody {
    height:300px;   /*set a height*/
    overflow:auto;
    display:block;
}

注意：这是假设您在滚动“”时说的是“

”，意思是滚动表格，而不是滚动文档


如果您实际的意思是使标题“粘滞”，那么您可以添加以下jQuery代码：

var $thead = $('thead');
var stickyThead = $thead.offset().top;
var theadWidth = $thead.width();

$(window).scroll(function () {
    if ($(window).scrollTop() > stickyThead) {
        $thead.css({
            position: 'fixed',
            top: '0px',
            width: theadWidth
        });
    } else {
        $thead.css({
            position: 'static',
            top: '0px'
        });
    }
});

您看过jquery数据表了吗？我使用它，它提供了你所要求的功能。试着看看这个，你可以参考一把小提琴。我在我的桌子上试过datatable插件。它起作用了，但没有达到预期的效果。它将thead保留在另一个表标记中，并相应地调整列宽。我也发现很难定制。任何一个了解JS和jquery的人都能帮我实现我的想法吗。我已经花了很多时间尝试这些插件了。你可以在有表的div容器中滚动。你能详细说明你的想法吗。thead呢？查看链接获取完整代码。不需要
div
容器，并且
thead
保持原样。列标题是否与列值对齐？因为在我的情况下，我必须具有可调整的列标题。您必须能够在运行时调整大小