CSS禁用滚动

时间:2011-09-07 14:18:31

标签: css css3 vertical-scrolling

我遇到了一个网站问题:

在IE9中,页面有一个垂直滚动条,但你无法使用鼠标滚轮,箭头键,pgup / pgdwn滚动。滚动的唯一方法是实际单击/按住并移动滚动条。

我从css中删除了以下内容:

{
    overflow-x: hidden;
}

然后滚动照常工作。还有其他人遇到过这个吗?溢出-x应该隐藏水平滚动条似乎很奇怪?为什么它会影响垂直?

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

3 个答案:

答案 0 :(得分:43)

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

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

答案 1 :(得分:16)

overflow-x: hidden;
将隐藏在x轴上的任何超出元素的东西,因此不需要水平滚动条并将其移除。

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

overflow: hidden;
将删除两个滚动条

答案 2 :(得分:2)

我使用iFrame插入来自另一个页面的内容,上面提到的CSS没有按预期工作。我必须使用参数scrolling =" no"即使我使用HTML 5 Doctype