如何捕获网页中的滚动条事件？

在 window.onscroll 里判断 scrollLeft scrollTop 值变化

解决方案 »

  1.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var _t=0, _l=0, timer;
    window.onscroll = function()
    {
      clearTimeout(timer);
      timer = setTimeout(mm, 100);
    }
    function mm()
    {
      var t = document.body.scrollTop;
      var l = document.body.scrollLeft;
      var s = "你向 "+ (t>_t ? "下" : t<_t ? "上" : "");
      s += " "+ (l>_l ? "右" : l<_l ? "左" : "");
      s += " 移动了滚动条";
      _t = t;
      _l = l;
      alert(s);
    }
    //-->
    </SCRIPT>
    <div style="height: 1000; width: 2000"></div>
      

  2.   

    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var _t=0, _l=0
    function mm()
    {
      var t = document.body.scrollTop;
      var l = document.body.scrollLeft;
      var s = "你向 "+ (t>_t ? "下" : t<_t ? "上" : "");
      s += " "+ (l>_l ? "右" : l<_l ? "左" : "");
      s += " 移动了滚动条";
      _t = t;
      _l = l;
      document.all.msg.value=s
    }
    //-->
    </SCRIPT>
    <body onscroll ="mm()">
    <input type=text name="msg">
    <div style="height: 1000; width: 2000"></div>