Javascript 使用手动滚动时js覆盖向下滚动_Javascript_Scroll

Javascript 使用手动滚动时js覆盖向下滚动

javascript scroll

Javascript 使用手动滚动时js覆盖向下滚动,javascript,scroll,Javascript,Scroll,我使用下面的代码在一段时间后滚动不同的div。但是，手动向上滚动时，页面会一直滑回到底部div。有没有一种方法可以使用这段代码，但可以覆盖自动滑回，在我完成读取该div中的内容之前，我可以手动滚动到任何div，而不会跳回底部 <style id="compiled-css" type="text/css"> #scroller { overflow-y:scroll; padding:0; margin:0 border:

我使用下面的代码在一段时间后滚动不同的div。但是，手动向上滚动时，页面会一直滑回到底部div。有没有一种方法可以使用这段代码，但可以覆盖自动滑回，在我完成读取该div中的内容之前，我可以手动滚动到任何div，而不会跳回底部

<style id="compiled-css" type="text/css">
      #scroller {
      overflow-y:scroll;
      padding:0;
      margin:0
      border:1px solid #eee;
      width:100%;
      height:500px;
  }

  </style>

<body>
    <div id="scroller">    
    <div style="width:50%;height:50%;background:#ff0000"></div>    
    <div style="width:50%;height:50%;background:#00ff00"></div>    
    <div style="width:50%;height:100%;background:#0000ff"></div>    
    <!--div style="width:50%;height:50%;background:#ff00ff"></div>
    <div style="width:50%;height:50%;background:#ffff00"></div-->
</div>

Status: <span id="status">1</span>
<script type="text/javascript">

  var scrollingUp = 0;
  window.setInterval(scrollit, 3000);
  function scrollit() {
      if(scrollingUp == 0) {
          $('#scroller').delay(2000).animate({ scrollTop: $("#scroller").scrollTop() + 500 }, 'slow');
          }
      }
</script>


#卷轴{
溢出y：滚动；
填充：0；
保证金：0
边框：1px实心#eee；
宽度：100%；
高度：500px；
}
现状：1
var-p=0；
设置间隔（scrollit，3000）；
函数scrollit（）{
if（scrollingUp==0）{
$（“#scroller”）.delay（2000）.动画（{scrollTop:$（“#scroller”）.scrollTop（）+500}，'slow'）；
}
}

我花了一段时间才弄明白

基本上，您可以让它在一个类上运行，并设置一个带有超时的函数，以便在滚动动画之后，该函数从div中删除该类。这样，当它想要再次运行时，它就没有任何东西可以运行。滚动停止

希望这有帮助

var scrollingUp=0；
设置间隔（scrollit，3000）；
函数scrollit（）{
if（scrollingUp==0）{
$（'.scroller'）.delay（2000）.animate（{scrollTop:$（“.scroller”）.scrollTop（）+500}，'slow'）；
}
};    
setInterval（function（）{$（“#scroller”）.removeClass（“scroller”）}，3000）

#卷轴{
溢出y：滚动；
填充：0；
保证金：0
边框：1px实心#eee；
宽度：100%；
高度：500px；
}
状态：1
Thanks@iKik. 正是我需要的