我正在构建一个单页网站，其中包含几个部分，每个部分都填写用户的窗口；我有那个工作。
我想做的是：
当用户向上或向下滚动时，他/她将（相应地）向上或向下滚动到之前或之后的部分。我的每个部分的顶部都有一个锚点。
这是我想要实现的一个例子。每篇文章都填满了页面。滚动后，您将跳转到下一篇文章。
问问题
4404 次
3 回答
5
我认为您可以使用此插件完成工作：https ://github.com/alvarotrigo/fullPage.js 。
此外，它似乎正在积极更新。对 repo 的最后一次提交是在 3 天前进行的。
干杯!
于 2013-10-14T08:37:09.487 回答
4
你应该看看scrollorama和superscrollorama。
它们是许多可用于滚动的很酷的效果，包括与您提供的网站一样的效果。
- 更新 -
在与 OP 交谈后，我意识到这两个图书馆都没有做他想做的事。所以，我的新建议是reveal-js，一个js表现库。
于 2012-12-05T14:01:53.603 回答
0
你真的不想在onscroll. 考虑一下，onscroll除了“页面的视图正在移动”的事件之外，这实际上什么都不是。
这并不意味着他们正在使用鼠标滚轮来做到这一点。
在手机上，你的计划是有意义的：那么它就像使拖动运动等于滑动运动一样。伟大的。
我首选的滚动方法是单击鼠标中键，然后将鼠标放在锚点下方，这样我就可以在每个文本块滚动过屏幕时阅读它。
对于长块，我什至不需要手放在鼠标上。
因此，在我的情况下，onscroll将以每秒 60 个事件的速度触发，如果您自动跳转文章，我将通过您的整个站点的内容进行传送。
其他人仍然拖动实际的滚动条。
听鼠标滚轮和按键（上/下，pg-up/pg-down），而不是任何移动页面的方法，更安全... ...但是您确定所有文章都足够小以便所有内容都适合所有浏览器窗口，即使是愚蠢的小分辨率（iPhone 3）？
因为如果人们需要滚动来阅读内容，那么突然之间，您将面临一个更加复杂得多的解决方案：
您将需要听取任何类型的常规（或自定义）滚动请求，才能访问当前内容的底部... ...然后您必须向用户提供某种视觉队列，他们现在位于内容的最底部，并继续使用触发方法（滑动/拖动/keys/mwheel) 将切换文章。
前两个很好... ...让它感觉像智能手机一样充满弹簧。
...其他两个呢，人们可能希望在一秒钟内多次击中他们，以到达他们要去的地方？
于 2012-12-05T14:24:35.330 回答