zoukankan      html  css  js  c++  java
  • frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法私人日志

    使用框架(无论是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="YES"
    子页面
    程序代码
    '让竖条消失:

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

    '让横条消失:

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

    '还要去掉
    '子页面里的
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    '两个都去掉
    <IFRAME scrolling="no">

    -----------------------------------------------------------------------------------------------------------

    使用dw生成的页面会有下面两句:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    如果带有这两句的页面被嵌入到iframe里面,那么overflow-x : hidden ;就不起作用。

    -----------------------------------------------------------------------------------------------------------

    框架代码:
    <frameset rows="100,*" cols="*" frameborder="no" border="0" framespacing="0">
       <frame src="index.php?cp=top" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
       <frameset cols="200,*" frameborder="no" border="0" framespacing="0">
         <frame src="index.php?cp=left" name="leftFrame" scrolling="yes" noresize="noresize" id="leftFrame" />
         <frame src="main.php" name="mainFrame" id="mainFrame" />
       </frameset>
    </frameset>
    使用上面的框架时当我们的main.php内容超多屏幕时,横向和竖向都会出现滚动条,对于横向我们的main.php的宽度无论有没有超过mainFrame的宽度都会出现横向滚动条,为了取消横向滚动条我们采用了以下方法:
    前提条件是:mainFrame的页面没有声明DTD,即
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    body {
    overflow: scroll;
    overflow-x: hidden;
    overflow-x: auto !important;
    }

    如果声明了DTD,可以把body换成html解决。

  • 相关阅读:
    for循环删除数组中的元素crash问题
    iOS判断字符串中含不含有汉字
    iOS 拨打电话(解决openURL延迟和不同方法比较)
    ios oc单例宏定义
    iOS UIBezierPath简单实用
    iOS视图切割圆角
    iOS 内购集成与遇到的坑,添加新内购项目
    iOS工程中创建pch文件
    四舍五入的方法
    ScrollView定时器复用
  • 原文地址:https://www.cnblogs.com/luluping/p/2046120.html
Copyright © 2011-2022 走看看