• ASPX里 DocType 导致 不能隐藏滚动条


    在设置网页的滚动条隐藏的时候,发现,在Html页里,可行,在 ASPX 页面里,不可行。写法如下:下面两种任一种都有效:

    document.body.scroll = "no" ;
    document.body.style.overflow
    ="hidden";


    后来发现是 网页 DocType 定义出的问题:参见(http://www.flashshe.com/perfect-web/post/4.html)
    去掉DocType也是不行的。因为去掉之后,会引发另一些问题,如:(一个DIV居中显示)
    <div id=layout>text</div>
    #layout
    {
        margin :0px auto;
        width :200px;
        height :400px;
    }

    如果页面没有doctype,这个DIV依旧不能居中。  引自:(http://www.cnblogs.com/chy710/archive/2007/01/08/615168.html)

    还有网页头部有字体,(在网页提交后,后台输出字符在DocType之前时),网页字体会变大的问题,该问题我也遇到过一次,现在终于明白怎么回事了,需要把输出放到 DocType定义之后.引自:(http://www.kszhang.cn/post/265.html)


    后记:
    overflow、overflow-x、overflow-y属性可以用于管理超过其容器大小的内容,例如:
    <body style="overflow-x: no">表示页面不出现横向滚动条。

    但是当使用!DOCTYPE声明打开符合标准的模式时,overflow、overflow-x和overflow-y属性会应用于HTML元素,应用于BODY元素时无效。

    解决办法有二:
    1、把overflow、overflow-x、overflow-y属性写到<HTML>标签里;
    2、或者删除!DOCTYPE声明:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>
    摘自(http://www.fansart.com/cweb/2006623200833.asp)


    产生这个原因是因为我们的写法不符合定义的开发规范,把写法规范一下就好了,下面是我的问题的解决方案,问题解决来源于(http://xoops.org.cn/modules/newbb/viewtopic.php?topic_id=7682&start=0)

    document.documentElement.style.overflow="hidden";

    看来, documentElement 元素比 Body 元素要符合标准啊.



    alarm   作者:NewSea     出处:http://newsea.cnblogs.com/    QQ,MSN:iamnewsea@hotmail.com

      如无特别标记说明,均为NewSea原创,版权私有,翻载必纠。欢迎交流,转载,但要在页面明显位置给出原文连接。谢谢。
  • 相关阅读:
    我只想拍到这样的美景
    [转]为什么开发人员工作10多年了还会迷茫?没有安全感?
    【java入门系列】封装特性
    【java入门系列】继承特性
    【java入门系列】类和对象
    【java入门系列】导航篇
    数据库事务四大特性
    POI操作Excel
    mysql-优化
    mysql-强化
  • 原文地址:https://www.cnblogs.com/newsea/p/1281656.html
Copyright © 2020-2023  润新知