Jquery滚动直到元素到达顶部

Question

我在网页中间的部分末尾有箭头，我这些是允许用户滚动到下一部分点击。我有以下代码，其中第一次单击工作，但后续点击不滚动，即使每次调用该函数。

$('.scroll').on('click', function(event) {
alert('scroll');
    $('html, body').animate({
        scrollTop: $(".scroll").offset().top
    }, 1000);
});

有人可以帮忙吗？ https://jsfiddle.net/avL459sm/2/

Answer 1

您应该使用您点击的当前.scroll元素。

看看这个小提琴：https://jsfiddle.net/avL459sm/3/