每個設定的時間間隔的div

Question

這裏是我的代碼：Demo

演示工作正常手動滾動每個div來scrollTop的。

我需要的是：如果我點擊Auto Start按鈕我想要自動滾動1，自動滾動2，...自動滾動n每個div到滾動頂部。

$(".jumper").on("click", function() { 
      var links = $(this).attr('href'); 
      var type = links.substring(links.indexOf('#')+1); 

      $("body, html").animate({    
       scrollTop: $('#'+type).offset().top 
      }, 1500); 

      }); 

每個div應該到達scrolltop並停止，然後以相同的時間間隔轉到下一個div scrolltop。

Answer 1

這是我做的：

$(".autostart").on("click", function() { 
    scrollToElem($("#auto-scroll")); 

    var scrollList = $("#auto-scroll").nextAll(); 
    var current = 0; 
    time = setInterval(function() { 
     scrollToElem($(scrollList.get(current))); 
     current++; 
     if (scrollList.length == current) { 
     clearInterval(time); 
     } 
    }, 2000); 
    }); 

Here is the JSFiddle demo

Answer 2

您的代碼有錯誤。 .top未定義。您可以使用鏈接的選擇，因爲它同時包含idselector + ID：

$(".jumper").on("click", function() { 
    var links = $(this).attr('href'); 
    $("body, html").animate({    
     scrollTop: $(links).offset().top 
    }, 1500); 
});