Jquery上的滚动按节移动

Jquery上的滚动按节移动,jquery,html,Jquery,Html,我有一个网站,我不想使用普通的滚动条。我想要一个滚动条,可以在各个部分之间移动。关于我的代码,我有一整页的章节: <section class="first"> </section> <section class="second"> </section> 我想,当用户向下滚动时,它会自动转到第二节,然后再滚动到第三节,等等 如何执行此操作?假设您有一个带有id按钮的按钮,请尝试以下示例: $("#button").click(function

我有一个网站,我不想使用普通的滚动条。我想要一个滚动条,可以在各个部分之间移动。关于我的代码,我有一整页的章节:

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

我想,当用户向下滚动时,它会自动转到第二节,然后再滚动到第三节,等等


如何执行此操作?

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

$("#button").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#elementtoScrollToID").offset().top
    }, 2000);
});
用这个解决了你的问题


所说的“滚动条”是指滚动条吗?是的,滚动导航,我已将其禁用为溢出:隐藏,但我想使鼠标滚动按部分进行,而不是像普通滚动条一样。这可能是一个很好的开始。但请注意,它在safari中不起作用。