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

【问题标题】：How can I make the horizontal scrollbar for a DIV always appear fixed on the bottom of the page?如何使 DIV 的水平滚动条始终固定在页面底部？
【发布时间】：2023-03-19 03:42:01
【问题描述】：

我有一个网站，其中包含一个大（宽）表。该表位于 jquery UI 选项卡内。

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

对于用户来说，这可能有点烦人，因为他必须一直走到表格和页面的底部才能向右滚动。

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

【问题讨论】：

相关：stackoverflow.com/questions/45368273/…

标签： css

【解决方案1】：

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

Your altered Demo

代码：

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

如果您真的想在页面的最底部放置滚动条，您可以查看this answer，了解如何在不需要自定义滚动条之类的情况下实现这一点。

【讨论】：

我不知道任何有这种行为的浏览器。您介意详细说明吗？

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：