IE7滚动条无法滚动

IE7 下 IFRAME 滚动条无法滚动

 

很多时候，我们都会让 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;}

问题即可解决。

 

 

 

原址链接：http://www.jsann.com/post/IE7_can_not_scroll_the_scroll_bar_under_the_IFRAME.html