正文

IE7下面iframe滚动条无法用鼠标轮滚 其他浏览器可以

IP云
IP云V管理员/4 阅读
07/27
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.让 IFRAME 隐藏滚动条，通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则：

 html, body {overflow: hidden}
 
2.如果只是想隐藏横向滚动条，则使用以下代码：
 
html, body {overflow-x: hidden}
 
3.以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作。但是唯有在 IE7 下隐藏横向滚动条时，虽然有显示纵向滚动条，但鼠标滚轮无法使用。

似乎 IE7 把 overflow-y 也当成了 hidden。

这种情况其实我们只需要显式指定一下 overflow-y 即可，如

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