frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
2010-03-14 12:10
357 查看
使用框架(无论是frameset、frame、iframe)嵌套网页的时候,如果子网页的高度超过了预先设定的高度,会出现滚动条,也就是尺寸溢出,一般来说如果高度超了就出现垂直滚动条,宽度超了就出现水平滚动条,但是在IE6中,只要尺寸大于等于预定高度,就会两个滚动条一起出现,这好象是一个bug。
解决方法:
在子网页设置css如下:
[/code]
这段最重要的一点是设置overflow-y为scroll,这样强制出现垂直滚动条的话,水平滚动条就不会显示出来了,但如果宽度超出过多,水平滚动条还是会超出,这时可以考虑设置:overflow-x:hidden;,但相应的,这样用户就无法滚动子页面了。
之所以要加overflow-y:auto!important;,是因为IE7中已没有这个bug,并且firefox也能认到overflow-y这个据说是IE的私有属性……,所以我们还要把overflow设回来。
主页面加IFRAME SCROLLING="YES"
子页面
程序代码
'让竖条消失:
[/code]
'让横条消失:
[/code]
'还要去掉
'子页面里的
[/code]
'两个都去掉
[/code]
解决方法:
在子网页设置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]
相关文章推荐
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法私人日志
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- ie6框架下,出现横向滚动条bug
- 在frameset,frame,iframe中如何操作其他框架中的页面以及如何刷新框架中的页面
- 在iframe中隐藏横向滚动条的方法大全
- 使用框架framset在IE6出现横向滚动条的解决方法
- ie6框架下,出现横向滚动条bug
- 在.net 2.0中使用iframe并且控制不出现横向的滚动条的方法
- frame框架-用户session失效仅在iframe中跳转登录页面的解决方法
- chrome frame 在 iframe frameset 下无效 的处理方法
- iframe在IE6下出现横向滚动条的解决方案
- 使用了iframe框架,而且iframe里面嵌套的frame框架 ,弹出框出现zDialog.js中的“topWin.Dialog._Array为空或不是对象”。(开发笔记3)
- frameset布局时frame中src路径的页面没有加载的解决方法
- jquery.ui.dialog 1.81在IE8中出现滚动条bug解决方法