Javascript 滚动到下一个div

我有以下代码。目前，它只向下滚动变量的高度

问题:

• 为什么它只滚动一次
• 它是否可以更好地实现：这样每次单击都可以滚动浏览每个兄弟姐妹

---

每次滚动到相同的位置。最简单的方法是计算下一个框的偏移位置：

---

请注意，这不会处理最后一个框中的操作。。取决于您想要如何实现它。

您每次都要滚动到相同的位置。最简单的方法是计算下一个框的偏移位置：

---

请注意，这不会处理最后一个框中的操作。。取决于您想要如何实现它。

您每次都要滚动到相同的位置。最简单的方法是计算下一个框的偏移位置：

---

请注意，这不会处理最后一个框中的操作。。取决于您想要如何实现它。

您每次都要滚动到相同的位置。最简单的方法是计算下一个框的偏移位置：

请注意，这不会处理最后一个框中的操作。。取决于您想要如何实现它。

使用此选项-

使用此项—

使用此项—

使用此项—

$('.col100').click(function(e){
    e.preventDefault();
    var H = $('.col100').outerHeight();
    $('html, body').animate({scrollTop: H}, 200);   
});

$('.col100').click(function(e){
    e.preventDefault();
    var H = $(this).next().offset().top;
    $('html, body').animate({scrollTop: H}, 200);   
});

$('.col100').click(function(e){
    e.preventDefault();
    var H = $(this).next('.col100').offset().top;
    $('html, body').animate({scrollTop: H}, 200);
});