IE浏览器下当滚动网页滚动条的时分DIV依然固定在屏幕的设定的位置上

IE浏览器下当滚动网页滚动条的时候DIV依然固定在屏幕的设定的位置上

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档</title>  
    <style type="text/css">  
    #a {  
        width:200px;  
        height:200px;  
        border:solid red 1px;  
        background:#CCC;  
        position:absolute;  
        top:100px;  
        left:100px;  
        }  
    </style>  
      
    <script language="javascript" type="text/javascript">  
    function absolute(){  
    /*设置div垂直方向相对垂直滚动条的位置*/  
        document.getElementById("a").style.top = document.body.scrollTop+100+'px';  
    /*设置div水平方向相对水平滚动条的位置*/  
        document.getElementById("a").style.left = document.body.scrollLeft+100+'px';  
    }  
    function onload(){  
        /*可以自己选择一个合适的延迟时间来达到移动时候感官上的流畅感*/  
        setInterval('absolute()',1);  
        }  
      
    </script>  
      
    </head>  
      
    <body onLoad="onload()">  
    <div id="a">  
    aaaaaaaa  
    </div>  
    <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p>  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <br /><br /><br /><br /><br /><br /><br /><br /><br />  
    <p>1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</p></body>  
    </html>

注：例如

    <span style="background-color: #ff6600;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></span>

等等的这种XHTML文档类型不支持这种方法

IE浏览器下当滚动网页滚动条的时分DIV依然固定在屏幕的设定的位置上

相关推荐