IE7 下 IFRAME 滚动条无法滚动的 BUG

要让 IFRAME 隐藏滚动条,通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则:

html, body {overflow: hidden}

如果只是想隐藏横向滚动条,则使用以下代码:

html, body {overflow-x: hidden}

以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作。但是我发现在 IE7 下隐藏横向滚动条时,虽然有显示纵向滚动条,但鼠标滚轮无法使用。似乎 IE7 把 overflow-y 也当成了 hidden。

碰到这种情况,显式指定一下 overflow-y 即可,如:

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

或者:

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

— EOF —

发表评论

电子邮件地址不会被公开。 必填项已用*标注