浮动水平滚动条为html表

时间:2012-08-22 14:48:05

标签: javascript jquery css asp.net-mvc telerik-mvc

我有一个非常高的html表。必须垂直滚动网页才能到达表格底部的滚动条。如果我可以在浏览器窗口底部浮动桌面的水平滚动条,而用户正在滚动页面并且表格可见,那将是很好的。可以这样做吗?

以下是情况的jsFiddle示例:http://jsfiddle.net/RurTZ/1/

2 个答案:

答案 0 :(得分:3)

@KDavid提出的Grid建议很好,但是如果你想找一些更轻松的东西,我就可以成功使用floatingScrollbar jQuery plugindemo)。

确保加载插件JS后,会发生魔术调用:

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

我还必须将div CSS设置为:

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

以下是你的jsFiddle的一个分支:http://jsfiddle.net/RxTQM/1/

答案 1 :(得分:2)

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