jQuery（或CSS3）在滚动的内容部分之间切换

我希望你能给我指出一个正确的方向

我想复制与本网站类似的导航：

基本上，这个想法是不允许用户同时在屏幕上显示网站的不同部分。 因此，如果该部分比屏幕大，它将滚动直到您到达该部分的底部。如果继续滚动，则跳到下一节

如果区段小于屏幕大小，您将在顶部看到主区段，在底部看到下一区段的一部分，但是当您尝试滚动时，下一区段跳到顶部，并且只有当该区段小于屏幕大小时，下一区段之后的区段才显示在底部

在本例中，所有幻灯片的高度都是100%，但这并不总是可以实现的

---

希望您能帮助我。

将所有部分包装在一个高度为100%的div中

这样,， 如果节的高度低于100%，包装器将有助于确保页面上只显示一个节。

---

如果节高度超过100%，滚动可能发生在包装上，而不是页面上。

尝试使用固定的像素高度。确定“最高”div的必要高度，并将所有div设置为该高度。这可能会在某些div上留下一些空白，但会确保一次只能看到一个div

然后，您可以使用许多在线可用的“滚动到”脚本之一，并创建指向每个部分的导航链接。Ariel Flesler的scrollto.js就是一个很好的例子

M.J。

---

5150设计

我制作了一个库，使之成为可能。（fullpage.js）

---

它甚至适用于较小的部分。

到目前为止，您尝试过什么？您可以使用jQuery滚动功能来检查用户是否正在滚动，并使用scrollTop将页面定位到下一节。我正在尝试这样做。我还没有弄明白，如何传递所有必须可滚动的节ID。只需继续。让事情变得更简单：）谢谢，但那不行，因为当你看到第一个div的下半部分和第二个div的上半部分时，你仍然可以滚动到某个点。这正是我想要避免的。