zoukankan      html  css  js  c++  java
  • 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原创,版权私有,翻载必纠。欢迎交流,转载,但要在页面明显位置给出原文连接。谢谢。
  • 相关阅读:
    mac登录界面的背景壁纸图片位置
    【转载】MAC系统修改帐号短名和个人文件夹名称
    ios 6.x系统UITextView 设置为密码输入无效的问题
    一个简单的果冻弹动动画
    ios中的自动释放池
    ios 静态库联合调试
    【转】IOS制作静态库
    objective-c中为什么不能实现多重继承及如何变通实现
    回调中释放自己会不会导致崩溃?
    【转载】Objective-C runtime 消息机制
  • 原文地址:https://www.cnblogs.com/newsea/p/1281656.html
Copyright © 2011-2022 走看看