有没有办法使用JavaScript来控制滚动条？

Question

在我下面的代码中，有一个函数可以为每组间隔滚动 DIV，当我尝试向上滚动时，由于间隔刷新滚动条再次向下滚动。

我的代码：

   var int = self.setInterval("f2()", 1000);
   function f2() {
   var objDiv = document.getElementById("messages2");
   objDiv.scrollTop = objDiv.scrollHeight;
   }

现在，通过使用 DIV 的 onscroll 属性，当用鼠标按住滚动条时是否可以停止向下滚动？

类似于

       var int = self.setInterval("f2()", 1000);
       function f2() {
       var objDiv = document.getElementById("messages2");
       // if(objDiv.onscroll) i.e. when the particular DIV's scroll bar is on hold by cursor.
          {
          return false;
          }
       else
          {
            objDiv.scrollTop = objDiv.scrollHeight;
          }
      }

“如果任何人都可以实现上述类型的函数，请更正其语法”。我是 JavaScript 新手。

提前致谢..！

Answer 1

我不确定您在这里问什么，但是 window 有一个您可以监听的滚动事件，任何其他具有 overflow: auto|scroll 的元素也是如此使用 CSS 设置。

您无法阻止默认的滚动行为，但如果您想做一些烦人的事情，则可以使用 scrollTo() 方法或 scrollTop 属性，例如

window.onscroll = function() {
    window.scrollTo(0,0);
};

：滚动事件的兼容表： http://www.quirksmode.org/dom/events/滚动.html

scrollTo() 文档：https://developer.mozilla.org/en /Window.scrollTo