javascript - 使用对齐/对齐到 div/元素/ anchor 的垂直滚动

Question

我找到了一些可爱的网站 - http://www.mini.jp/event_campaign/big-point/ , http://www.twenty8twelve.com/和 http://www.scozzese.com - 所有垂直滚动，并且都使用一种技术，当你滚动到一个新的“页面”时，将“页面”对齐到浏览器的顶部 - 即使你滚动到一个页面的一半。

任何人都可以给我任何指示，例如我可以使用正确的术语/词来搜索更多信息，或该技术背后的基础知识的简要介绍，或者是否存在我可以使用和学习的任何 jQuery 等插件？

我搜索了他们的代码，但没有跳出如何去做，我的 Javascript 和 jQuery 仍然是新手水平。

Answer 1

Javascript 有一些 native 方法，例如 scroll()、scrollTo()、scrollBy()，您可以使用这些方法(通过一些技巧)平滑地滚动页面。与 offsetTop()、offsetLeft() 一起使用，您可以在这些网站上实现类似的效果。

还有很多 jQuery 插件(例如像这样的 google hit )可以为您节省很多工作。

只要搜索这些 Methodnames，我想这应该会给你足够的点击率。