javascript - html表格的浮动水平滚动条

Question

我有一个非常高的 html 表。网页必须垂直滚动才能到达表格底部的滚动条。如果在用户滚动页面并且表格可见时，我可以在浏览器窗口底部浮动表格的水平滚动条，那就太好了。这样的事情能做到吗？

这是一个 jsFiddle 的例子：http: //jsfiddle.net/RurTZ/1/

Answer 1

@KDavid的Grid建议很好，但是如果您正在寻找更轻的东西，我使用floatingScrollbar jQuery 插件（演示）取得了成功。

在确保插件 JS 被加载后，神奇的调用发生了：

$('.your-div').floatingScrollbar();

我还必须将 div CSS 设置为：

.your-div {
  overflow-x: auto;
  width: 100%;
}

这是您的 jsFiddle 的一个分支，它可以正常工作：http: //jsfiddle.net/RxTQM/1/

Answer 2

是的，将它放在<div>标签内，并添加overflow:scroll;到 div 的样式中。