您的位置：首页 > 其它

frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法

2011-04-28 11:14 435 查看
使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸
溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了就出现水平滚动条，但是在IE6中，只要尺寸大于等于预定高度，就会两个滚动条一起出现，这好象是
一个bug。

解决方法：

在子网页设置css如下：

html {

overflow-y:auto!important;

*overflow-y:scroll;

}

这
段最重要的一点是设置overflow-y为scroll，这样强制出现垂直滚动条的话，水平滚动条就不会显示出来了，但如果宽度超出过多，水平滚动条还
是会超出，这时可以考虑设置:overflow-x:hidden;，但相应的，这样用户就无法滚动子页面了。

之所以要加
overflow-y:auto!important;，是因为IE7中已没有这个bug，并且firefox也能认到overflow-y这个据说是
IE的私有属性……，所以我们还要把overflow设回来。

主页面加IFRAME SCROLLING="auto"

一下是取消子页面的滚动条(注意:不是frame的, 其实frame和页面都有滚动条,经测试只要加入本文首部第一段css代码,问题即可解决)

子页面

程
序代码

'让竖条消失:

<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'>

</BODY>

'让横条消失:

<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'>

</BODY>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航