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/