固定标题隐藏垂直滚动条答案

【问题标题】：Fixed header is hiding vertical scrollbar固定标题隐藏垂直滚动条
【发布时间】：2012-10-17 06:03:20
【问题描述】：

我正在尝试将这个 jquery 插件 - https://gist.github.com/3819758 合并到一个表中，以便它可以有一个固定的标题。在我的情况下，表格太宽，因此生成的标题隐藏了垂直滚动条 - http://jsfiddle.net/NWV73/4/

我无法解决这个问题。任何帮助表示赞赏。

【问题讨论】：

也许您可以提供一个实际的jsfiddle.net 用于测试而不是图像？这通常会加快这个过程。实际的详细预期行为是什么？
将 jsFiddle 添加到问题中。
另外，如果你看到这里的图片 - i.imgur.com/efwgj.png，你会注意到标题溢出到包含的 div 之外。

标签： javascript css jquery-plugins twitter-bootstrap

【解决方案1】：

您可以使用 JavaScript 同步 div 滚动：

$(".table-content").scroll(function(){
    var $this = $(this),
        $header = $(".header-fixed");

    $header.css("margin-left", 0 - $this.scrollLeft() )
});

另请参阅更新的 jsfiddle：http://jsfiddle.net/NWV73/21/

【讨论】：

滚动有助于移动标题，这很棒。谢谢。但另外我担心的是，只有当表格滚动到最右边时，垂直滚动条的顶部箭头才会出现。无论如何都让它可见吗？