html表格的浮动水平滚动条

Floating horizontal scroll bar for html table

本文关键字：水平 滚动条 表格 html      更新时间：2023-09-26

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

以下是一个jsFiddle示例：http://jsfiddle.net/RurTZ/1/

@KDavid的网格建议很好，但若你们想找一个更轻松的东西，我成功地使用了floatingCrollbar jQuery插件（演示）。

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

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

我还必须将div CSS设置为：

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

这是你的jsFiddle的一个分叉，它正在工作：http://jsfiddle.net/RxTQM/1/

是，将其放置在<div>标记中，并将overflow:scroll;添加到div的样式中。

相关文章：