javascript - 单击时向下滚动的脚本

Question

我想创建一个 Jquery 脚本，只要用户点击，它就会向下滚动到下面的下一个 div。

我有一个每个 DIV 从顶部开始的像素偏移数组。
我不知道如何循环或计算点击次数。

jQuery(document).ready(function(){
    var move=[0,642,1725,2393,3036,6097,6991];
    var i=0;
    var duration = 500;

    jQuery(".next").click(function(){
        //event.preventDefault();

        jQuery('html, body').animate({scrollTop: move[i]+'px'}, duration);   
    })      
});

Answer 1

尝试 i = (i == 7)?i=0:i; 和 move[i++]

jQuery(document).ready(function () {
    var move = [0, 642, 1725, 2393, 3036, 6097, 6991];
    var i = 0;
    var duration = 500;
    jQuery(".next").click(function () {
        //event.preventDefault();
        i = (i == 7)?i=0:i;
        jQuery('html, body').animate({
            scrollTop: move[i++] + 'px' //set current value and increment it by 1
        }, duration);
    })
});