我希望你能给我指明一个正确的方向。
我想复制导航，这与本网站上的导航类似：http://vsamarehorosho.ru/
基本上，这个想法是不允许用户同时在屏幕上显示网站的不同部分。因此，如果部分比屏幕大，它会滚动，直到你到达部分的底部。如果进一步滚动，则会跳到下一节。
如果部分小于屏幕大小，您将在顶部看到主部分，在底部看到下一部分的一部分，但当您尝试滚动时，下一部分会跳到顶部，只有当该部分小于屏幕尺寸时，它后面的部分才会显示在底部。
在这个例子中，所有幻灯片的高度都是100%，但这并不总是可以实现的。
希望你能帮助我。
将所有部分包裹在高度为100%的div中；
通过这种方式，若节的高度低于100%，则包装器将有助于确保页面上只显示一个节。如果部分高度超过100%，则滚动可以发生在包装器上，而不是页面上。
尝试使用以像素为单位的固定高度。确定"最高"div的必要高度，并将所有div设置为该高度。这可能会在一些div上留下一些空白，但会确保一次只能看到一个div。
然后，您可以使用在线提供的许多"滚动到"脚本中的一个，并创建指向每个单独部分的导航链接。Ariel Flesler的scrollto.js就是一个很好的例子。http://flesler.com/jquery/scrollTo/
M.J。5150设计
我制作了一个库，可以让它成为可能。（fullpage.js）
它甚至适用于较小的部分。