CSS禁用滚动

Question

我在我们的一个网站上遇到了一个问题:

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

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

{
    overflow-x: hidden;
}

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

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

Answer 1

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

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

Answer 2

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

overflow-y: hidden;
会隐藏y轴上任何超出元素的东西,因此不需要垂直滚动条并将其移除.

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