javascript - Jquery按下按钮向下滚动到每个部分的顶部

Question

这是我的代码:Js Fiddle

如您所见，我有几个部分彼此重叠，高度为 100%。我想知道如何获得它，以便当用户点击“了解更多”时，他们会滚动到下一部分，因此该部分的顶部位于页面顶部。

通常这会很简单，因为我可以这样做:

$('body').animate({
scrollTop:$(document).height()
});

但是，如果用户已经向下滚动到部分的一半然后点击按钮，这将不起作用。如果我可以为每次按下按钮使用相同的功能，而不是使用三个不同的功能，每个不同的部分一个，那也很好。

我猜代码应该是这样的(伪):scroll to top sectiona + 1

Answer 1

使用 jQuery 和平滑滚动

 $('a').click(function(){
        var nextSection = $(this).closest('section').next('section');
        $('html, body').animate({
            scrollTop: $(nextSection).offset().top
        }, 2000);
    });