请教一个问题！！

scrollHeight: 获取对象的滚动高度。 
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度你用一个很大的图片比较能看出效果

解决方案 »

  1.   

    对了
    要让页面出现滚动条
    你在没有滚动的时候alert一下
    然后向不同方向滚动下再alert一下
    就可以比较出来了
      

  2.   


    <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>
      

  3.   

    按楼上的意思是说scrollLeft是  滚动条相对与父框架左边框的距离吧  
      

  4.   

    我觉得我是理解错了
    我看的一个例子
    没有滚动条
    但是scrollLeft是不断在变化的
    里面代码的红色部分我也是没有理解的
    请大虾子们指教下
    <style type="text/css">
    body,td{font-size:12px;} 
    #a{width:520px;height:30px;line-height:30px;text-align:left;margin:0px;padding:0px;border:1px solid #000;overflow:hidden;white-space:nowrap;} 
    #b {margin:0px;padding:0px;border:0px;}
    </style>
    <div id='a'>
    <span id='b'>
    啊哈哈哈哈哈哈哈&nbsp;
    饿饿饿饿饿饿饿饿&nbsp;
    不不不不不不不不&nbsp;
    哦哦哦哦哦哦哦哦
    </span>
    </div>
    <br><br><br>
    <span id="ss"></span>
    <script>
    function $(sId){return document.getElementById(sId)}
    var a = $('a');
    var b = $('b');
    var wai = a.offsetWidth;
    var nei = b.offsetWidth;
    var num = parseInt(wai/nei) + 1;
    for(var i = 0;i < num;i++){
       var o = b.cloneNode(true);
       b.appendChild(o); 
    }function Scroll(){
       a.scrollLeft +=1;
      document.getElementById("ss").innerHTML= a.scrollLeft
    }
    window.setInterval("Scroll()",50);
    </script>
      

  5.   

    好图  收藏了！
    不过楼上的大哥  
    怎么找不到scrollLeft了 ！- -