Javascript 向下滚动至底部。然后重新加载页面并再次执行

Javascript 向下滚动至底部。然后重新加载页面并再次执行,javascript,jquery,Javascript,Jquery,我正在使用这个简单的代码,它工作得很好 $("#mydiv").animate({ scrollTop: $('#mydiv')[0].scrollHeight}, 20000) 我想要的是在到达底部后立即返回页面顶部,并开始再次缓慢向下滚动。在JQuery中如何实现这样的功能 谢谢你们 您可以使用以下javascript函数跳回页面顶部: function jump(elementId){ var location = document.getElementById(elementI

我正在使用这个简单的代码,它工作得很好

$("#mydiv").animate({ scrollTop: $('#mydiv')[0].scrollHeight}, 20000)
我想要的是在到达底部后立即返回页面顶部,并开始再次缓慢向下滚动。在JQuery中如何实现这样的功能


谢谢你们

您可以使用以下javascript函数跳回页面顶部:

function jump(elementId){
    var location = document.getElementById(elementId).offsetTop;
    window.scrollTo(0, location);                        
}

只需使用页面顶部某个元素的
id

不确定您想做什么以及“重新加载”是什么意思,但这里有一个快速片段可以让您开始:

如您所见,其可配置且易于理解:

  $(function() {


  var pageScan = {
      speed : 10000,
      loop  : true,
      delayRestart : 1000, 
      start : function(){
          pageHeight = $('body').height() - window.innerHeight;
          pageScan.proc(pageHeight);
      },
      proc  : function(to){
          $("body").animate(
              {scrollTop: to}, 
               pageScan.speed,
               "linear",
               function(){
                  if (pageScan.loop) {
                      setTimeout(function() {
                          window.scrollTo(0, 0);
                          pageScan.start();
                      }, pageScan.delayRestart);
                  }
          });
      }
  };

  pageScan.start();

  });

我们可以做一些更简单的事情,比如:

(function (){
    var div = $('#myDiv'),
        infiniteScroll = function () {

            //---gets the bottom of the page value
            var bottomHeight = div[0].scrollHeight; 

            var callback1 = function () {   
                //once it gets into this callback function 
                //it resets the position to zero

                div.scrollTop(0);

                //invokes again the function infinite scroll
                infiniteScroll();
            };

            div.animate({scrollTop:bottomHeight},20000,callback1)
    };
    //starts the function for the very first time
    infiniteScroll();

})();
我创建了一个代码笔,这样您就可以看到它工作并使用它:


您需要提供一些HTML标记。这个问题太模糊,没有上下文。同意@Stef。请添加一些HTML。有很多关于如何做的教程。了解如何使用文档中解释的动画回调。另一件让我感到困惑的事情是,你提到重新加载页面,但听起来你只是想滚动div的内容。请让我们知道你到底想要什么。这两件事是完全不同的。人们需要在这里放松。这家伙只是想找个办法回到页首。不要把它复杂化,如果你知道答案,就把它贴出来。或者如果有一个复制品,那么就把它标记为复制品,并给他链接。