Scroll上的Jquery按部分移动

Question

我有一个网站，我不想使用普通的卷轴。我想要一个在各个部分中移动的滚动条。我的代码有完整的页面部分：

<section class="first">
</section>
<section class="second">
</section>

我希望当用户向下滚动时，它会自动转到“第二个”部分，然后转到另一个滚动到“第三个”等等。

我该怎么做？

Answer 1

假设您有一个带有id按钮的按钮，请尝试以下示例：

$("#button").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});

使用它来解决您的问题

https://codepen.io/jvondoom/pen/VvbrdY