`
zzc1684
  • 浏览: 1183423 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

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文档类型不支持这种方法

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics