将 div 的水平滚动条固定到页面底部



我有一个表格,它比浏览器上呈现的页面长度还要长。该表放置在 Div 中,类似于

<Div style="width: 100%; overflow: auto;">

因此,当页面内容超过表格宽度时,我将不得不使用浏览器滚动条向下滚动页面以查看出现在上述div 底部的水平滚动条。

我想始终修复页面底部div 的水平滚动条。这样我就可以滚动到表格的右侧,即使不向下滚动。

这是 jsFiddle 中的一个示例

我将如何做到这一点?

是的,很明显。您已经将overflow: auto;设置为div。每当它的content超出其界限时,它肯定会显示horizontal/vertical scroll bar。如果您真的想从该div中删除该滚动条并将其设置为 browser ,只需从该div 中删除该 css 并将其添加到正文中即可。

演示

最新更新