Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/jsf/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有没有办法用JavaScript控制滚动条?_Javascript_Scrollbar_Browser Scrollbars - Fatal编程技术网

有没有办法用JavaScript控制滚动条?

有没有办法用JavaScript控制滚动条?,javascript,scrollbar,browser-scrollbars,Javascript,Scrollbar,Browser Scrollbars,在我下面的代码中,有一个函数可以为每一组间隔滚动DIV,当我尝试向上滚动时,由于间隔刷新滚动条再次向下滚动 我的代码: var int = self.setInterval("f2()", 1000); function f2() { var objDiv = document.getElementById("messages2"); objDiv.scrollTop = objDiv.scrollHeight; } 现在,通过使用DIV的onscroll属性,当

在我下面的代码中,有一个函数可以为每一组间隔滚动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的新手


提前谢谢

我不知道你在问什么,但是
窗口
有一个滚动事件,你可以收听,其他任何使用CSS设置了
溢出:自动|滚动
的元素也可以收听

您无法阻止默认的滚动行为,但如果您想执行以下恼人的操作,可以使用
scrollTo()
方法或
scrollTop
属性:

window.onscroll = function() {
    window.scrollTo(0,0);
};
下面是一个很好的scroll事件的compat表:


scrollTo()
docs:

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

您无法阻止默认的滚动行为,但如果您想执行以下恼人的操作,可以使用
scrollTo()
方法或
scrollTop
属性:

window.onscroll = function() {
    window.scrollTo(0,0);
};
下面是一个很好的scroll事件的compat表:


scrollTo()
docs:

对于具有
overflow:auto
的DIV层不可能吗?是的,任何
overflow
设置为
auto
scroll
的元素都不可能。很抱歉,它不起作用。我尝试使用
var objDiv=document.getElementById(“messages2”);objDiv.onscroll=function(){objDiv.scrollTo(0,0);}
如果您不介意,可以为我提供div的语法吗?
scrollTo()
仅在窗口对象上可用,如果您想对HTML元素执行相同操作,请尝试
scrollTop=0演示:DIV层是否不能使用
溢出:自动
?是的,任何
溢出
设置为
自动
滚动
的元素都可以。很抱歉,它无法工作。我尝试使用
var objDiv=document.getElementById(“messages2”);objDiv.onscroll=function(){objDiv.scrollTo(0,0);}
如果您不介意,可以为我提供div的语法吗?
scrollTo()
仅在窗口对象上可用,如果您想对HTML元素执行相同操作,请尝试
scrollTop=0演示: