您的位置:首页 > 其它

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

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

解决方法:
在子网页设置css如下:

[code]html {


overflow-y:auto!important;


*overflow-y:scroll;


}

[/code]

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

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

主页面加IFRAME SCROLLING="YES"

子页面

程序代码

'让竖条消失:

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


</BODY>

[/code]

'让横条消失:

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


</BODY>

[/code]

'还要去掉

'子页面里的

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

[/code]

'两个都去掉

[code]<IFRAME scrolling="no"

[/code]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: