2011-09-07 54 views
24

我碰到一个问题,带着我们的网站之一:CSS残疾人滚动

在IE9的页面有一个垂直滚动条,但你不能使用鼠标滚轮,方向键,上页/ pgdwn滚动。滚动的唯一方法是实际点击/按住并移动滚动条。

我删除从CSS如下:

{ 
    overflow-x: hidden; 
} 

然后滚动工作如常。有没有其他人遇到过这个?这看起来很奇怪,因为overflow-x应该隐藏水平滚动条?为什么会影响垂直?

我试过这个在测试页上,它按预期行事。所以它必须是事物的组合。

+1

'“*我已经试过这样的测试页上,它如预期的行为所以它必须是一个事物的组合。”' - 除非有人遇到过这个问题,否则我们*需要一个能够重现问题的测试页面。您可以发布指向该网站的链接,也可以亲自获取该网页的副本并将其匿名化,并将所有必需的CSS(以及与该问题相关的任何JavaScript *)包含在内,并将其发布到[JS Bin](http: //jsbin.com/)。 – thirtydot

+0

道歉,我没有权限发布材料本身的链接(它们只是订阅)。这主要是出于兴趣,因为我已经设法解决这个问题,它只是我不明白为什么修复工作。不幸的是,我不能简单地上传页面,因为它是电子学习系统的一部分。 – Sheff

回答

14

overflow-x: hidden;
会隐藏x轴上的任何东西,超出元素,所以不需要水平滚动条,它会被删除。

overflow-y: hidden;
会隐藏y轴上的任何东西,超出元素,所以不需要垂直滚动条,它会被删除。

overflow: hidden;
将同时删除滚动条

+0

难道不是这样吗? overflow-y控制垂直滚动条:http://jsfiddle.net/ddVTk/ – user2019515

37

尝试使用下面的代码片段。这应该可以解决你的问题。

body, html { 
    overflow-x: hidden; 
    overflow-y: auto; 
} 
2

我使用iFrame从另一页插入内容,上面提到的CSS不按预期工作。我必须使用参数滚动=“不”,即使我用HTML 5文档类型