如何使DIV的水平滚动条始终固定在页面底部？

Question

我有一个包含大（和宽）表的网站。该表放在jquery UI选项卡中。

它看起来像这样：http://jsfiddle.net/Tq3Rg/

对于用户而言，这可能有点烦人，因为他必须一直走到桌子的底部，然后向右滚动页面。

是否可以让滚动条始终显示在页面底部固定？

Answer 1

设置固定高度（不要使用内联样式）：

<强> Your altered Demo

代码：

.top{
   height:10%;
}
.center{
   overflow:scroll;
   height:80%;
}
.bottom{
   height:10%;
}

如果您真的希望在页面的最底部放置滚动条，则可以检查this answer如何实现此目的，而无需自定义滚动条和此类内容。

Answer 2

只需为中间div设置一些固定高度 像

<div style="background:white;overflow-y:scroll;height:400px;">

Answer 3

您需要自定义滚动条才能执行此操作，请查看http://baijs.nl/tinyscrollbar/或http://www.jquery4u.com/plugins/10-jquery-custom-scrollbar-plugins/#.T_RSYxEe4hU。