html表的浮动水平滚动条

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

这里的情况的jsfiddle例如：http://jsfiddle.net/RurTZ/1/

2012-08-22 Alex

看看http://www.matts411.com/post/super_tables/和http://stackoverflow.com/questions/12075757/floating-horizontal-scroll-bar-for-html-table –

这对问题没有多大帮助，但避免水平滚动是一种很好的做法。它真的让用户感到不安。 – Samuel

你能告诉我们一些代码吗？应该很容易与普通的CSS和HTML，但取决于情况...一个小提琴会更好！ – Pevara

是，将它放在一个<div>标签内，并添加overflow:scroll;到div的风格。

2012-08-22 14:52:41 Ragnagord

这似乎不起作用。我有table'height：100％'和wrap'div overflow：scroll'，但滚动条只出现在表格的最底部 – Alex

正如Alex所说，这是获得水平滚动条的正确答案（并且在此垂直滚动可能也是如此），但它没有解决如何使水平滚动条浮动的真正问题。 –

@KDavid的Grid建议很好，但是如果您要找的东西更轻一点，我已成功使用floatingScrollbar jQuery plugin（demo）。

确保插件JS被加载后，神奇的通话情况：

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

我也不得不把DIV + CSS设置为：

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

这是您的jsfiddle的用叉子它的工作：http://jsfiddle.net/RxTQM/1/

2013-03-06 22:43:37

回答