既是安安

蝴蝶飞不过沧海,谁忍心责怪?

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;}

问题即可解决。

[既是安安]博客 季氏安安

本文作者:季氏安安[既是安安]博客采用 BY-NC-SA 协议进行授权. 转载请保留此链接,谢谢。)

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

网站分类
Tags列表
最近发表
最新留言
友情链接
站点统计

Top