js中的scrollLeft和scrollTop的问题

http://blog.csdn.net/chinmo/archive/2008/02/18/2102799.aspx看我的博客，还有图文说明

解决方案 »

  1.   

    <body onscroll="asd()">
    <div id="a" style="position:absolute; width:250px; height:50px; border:1px solid #000000; left:300px; top:300px;"></div>
    <div style=" top:300px; width:120%; height:2000px;">
    </div>
    </body>
    <script>
    var obj =document.getElementById("a")
    function asd(){
    obj.style.left=300+document.body.scrollLeft
    obj.style.top=300+document.body.scrollTop
    obj.innerHTML="scrollLeft:"+document.body.scrollLeft+"　　scrollTop:"+document.body.scrollTop
    }
    </script>也可以不是body
    <script>
    function asd(){
    var a=document.getElementById("gg").scrollWidth
    var b=document.getElementById("gg").scrollHeight
    var c="距离左端的距离"+document.getElementById("gg").scrollLeft
    var d="距离顶部的距离"+document.getElementById("gg").scrollTop
    var str=a+"<br>"+b+"<br>"+c+"<br>"+d
    document.getElementById("x").innerHTML=str
    }
    </script>
    <body>
    <div onscroll="asd()" id="gg" style="width:300px; height:200px; margin:10px 0 0  20px;border:1px solid #FF0000;overflow:scroll">
    <div id="ss" style="width:400px; height:300px; border:1px solid #000000;">
    </div>
    </div>
    <span id="x"></span>
    滚动条滚动的时候触发事件
    另外 这只是我的理解  也许我都理解错了！
      

  2.   

    document.body.scrollLeft
    网页当前屏与左边的位置document.body.scrollTop
    网页当前屏与顶边的位置因为当前屏位置由滚动条scroll控制，所以也设置为滚动条属性了
      

  3.   

    document.body.scrollLeft 
    网页当前屏与最左边（滚动前）的位置 document.body.scrollTop 
    网页当前屏与最顶边（滚动前）的位置 
      

  4.   

    document.body.scrollLeft和document.body.scrollTop
    可以理解为滚动条移动了的距离