继续滚动到下一个div直到页面结束

Question

好的，基本上我尝试做的就是让我的主页自动滚动到下一个div，直到最后一个div / end页面。例如：

<div class="parallax-item"></div>
<div class="parallax-item"></div>
<div class="parallax-item"></div>
<div class="parallax-item"></div>
<div class="parallax-item"></div>

因此，当用户在主页上时，它应该每隔5秒自动滚动到每个视差项。关于如何实现这一点的任何想法。

请注意每个div的高度不同。

Answer 1

以下代码滚动到整个页面的底部。如果您的DIV在另一个容器内，您只需更改'html，body'：）

$('html, body').animate({ 
   scrollTop: $(document).height()-$(window).height()}, 
   1400, 
   "easeOutQuint"
);

要完成您的需要，请为每个DIV设置唯一的升序ID号。

var i = 1, max = (number of dividers);
setInterval(function(){
    // Do your scrolling here
},5000);