我在我们的一个网站上遇到了一个问题:
在IE9中,页面有一个垂直滚动条,但你不能使用鼠标滚轮、箭头键、pgup/pgdwn键来滚动。唯一的滚动方式是实际点击/按住并移动滚动条。
我从CSS中删除了以下内容:
{
overflow-x: hidden;
}
然后,滚动条按照惯例工作了。有其他人也遇到这个问题吗?因为overflow-x应该隐藏水平滚动条,所以为什么会影响垂直滚动条呢?
我在测试页面上尝试过这个问题,表现如预期。因此,这一定是多种因素的组合。
我在我们的一个网站上遇到了一个问题:
在IE9中,页面有一个垂直滚动条,但你不能使用鼠标滚轮、箭头键、pgup/pgdwn键来滚动。唯一的滚动方式是实际点击/按住并移动滚动条。
我从CSS中删除了以下内容:
{
overflow-x: hidden;
}
然后,滚动条按照惯例工作了。有其他人也遇到这个问题吗?因为overflow-x应该隐藏水平滚动条,所以为什么会影响垂直滚动条呢?
我在测试页面上尝试过这个问题,表现如预期。因此,这一定是多种因素的组合。
尝试使用以下代码片段。这应该可以解决你的问题。
body, html {
overflow-x: hidden;
overflow-y: auto;
}
overflow-x: hidden;
会隐藏在元素外的任何X轴内容,因此不需要水平滚动条并且它会被移除。
overflow-y: hidden;
会隐藏在元素外的任何Y轴内容,因此不需要垂直滚动条并且它会被移除。
overflow: hidden;
会移除两个滚动条。
我使用iFrame从另一个页面插入内容,但是上面提到的CSS样式并没有按照预期生效。即使我使用HTML 5 Doctype,我仍然需要使用scrolling="no"参数。