如何在 HTML5 中的一组指南上锁定滚动

Question

不是我不确定如何做我所要求的。这就是为什么我决定呼吁这个美妙的社区来帮助我，这样我就可以学到一些东西。 这是我的问题：

我正在制作一个只有一页的网站。网站的每个部分，例如“关于我”、“我在哪里”等，都将位于您通过滚动到达的大型网页上的不同位置。目前，我有一些按钮可以通过动画将您带到页面的每个部分。
现在我想知道我是否可以锁定滚动。我所说的锁定滚动的意思是，如果我向下滚动，网页会自动将我带到下一部分，而无需进一步滚动。这可能吗？
如果我不清楚，请告诉我，我会尽力完善我的段落。

非常感谢你们的宝贵时间！

Answer 1

是的，可以这样实现：

$(window).scroll(function() {
    var winTop = $(this).scrollTop(); // distance frome current top to page top
    if (winTop >= $('#aboutPage').offset().top) { // or you may change to something else
        $('body').animate({
            // animate scrolling to somewhere
            scrollTop: $('#homePage').offset().top
        });
    }
})