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