沒有用戶互動scrollToElement

Question

我正在尋找創建一個網頁，滾動從一個元素到下一個連續的循環，沒有任何用戶交互。我已經搜索，它看起來像scrollToElement是我正在尋找（實際上從this answer on another post小提琴是類似的，但有用戶交互）。不幸的是，一切似乎都是通過點擊完成或不循環。我對JS相當陌生，但我覺得它應該是可行的。任何幫助表示讚賞。

Answer 1

下面是使用jQuery使用setInterval()和$.animate()滾動到部分的快速示例。

var $sections = $('section'), 
 
    count = 1, 
 
    speed = 250, 
 
    delay = 2000; 
 

 
var interval = setInterval(function() { 
 
    $('html, body').animate({ 
 
    scrollTop: $sections.eq(count).offset().top 
 
    }, speed); 
 
    count = (count + 1) % $sections.length; 
 
}, delay)

section { 
 
    height: 200vh; 
 
    background: red; 
 
} 
 
section:nth-child(2) { 
 
    background: blue; 
 
} 
 
section:nth-child(3) { 
 
    background: green; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<section></section> 
 
<section></section> 
 
<section></section>

Answer 2

如何創建一個函數調用scrollToElement，然後將其設置爲setInterval（）中的CB函數。閱讀更多：MDN