减少浏览器窗口时的水平滚动条

时间:2010-10-14 20:23:16

标签: javascript html css scroll

美好的一天,

我一直在对这个网站进行一些修改,当浏览器窗口缩小到小于网站“容器”的大小时,所有者想要出现水平滚动条。现在它没有出现。 我认为我的主要CSS负责这一点。 这个CSS有overflow-x:hidden;和溢出-y:auto;因为我的“jquery粘性页脚”需要它才能正常工作。

我如何解决这个问题,当我减少它时,让它在浏览器窗口上水平滚动?现在这花了我一些braincells。

这是我的CSS,我认为有责任不让我拥有滚动条。 BTW当我把overflow-x:auto;无论我有什么窗口大小,滚动条都会出现。

body, html {
    margin: 0;
    padding: 0;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto;

2 个答案:

答案 0 :(得分:1)

你有什么内部的主体或HTML的固定大小足以让你在overflow-x:auto时出现滚动条吗?这个页面在哪里?如果我开始使用萤火虫,它可以帮助你,如果它是公开访问的。

-Brian J. Stinar-

答案 1 :(得分:0)

overflow-x: hidden;

无论如何它都隐藏着。

你说当你把它放到自动它显示滚动条无论如何。这可能是因为“容器”比可用的屏幕空间宽。

将容器缩小到较小的尺寸会将其移除,并且仅在窗口太薄时才提供。请注意页面上的其他对象会扩大容器。