有时候,我们都会让 IFRAME 隐藏滚动条,通常的做法就是在嵌入 IFRAME 的页面的 CSS 中指定以下规则:
html, body {overflow: hidden}
如果只是想隐藏横向滚动条,则使用以下代码:
html, body {overflow-x: hidden}
以上代码在 IE、Firefox 下均能正常工作。但是唯有在 IE7 下隐藏横向滚动条时,虽然有显示纵向滚动条,但鼠标滚轮滚动却无法使用。
这种情况其实我们只需要显式指定一下 overflow-y 即可,如:
html, body {overflow-x: hidden; overflow-y: auto;}
问题即可解决。
html, body {overflow: hidden}
如果只是想隐藏横向滚动条,则使用以下代码:
html, body {overflow-x: hidden}
以上代码在 IE、Firefox 下均能正常工作。但是唯有在 IE7 下隐藏横向滚动条时,虽然有显示纵向滚动条,但鼠标滚轮滚动却无法使用。
这种情况其实我们只需要显式指定一下 overflow-y 即可,如:
html, body {overflow-x: hidden; overflow-y: auto;}
问题即可解决。