垂直滚动，使用snap / align to div / element / anchor

Question

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

任何人都可以给我任何指针，例如我可以用来搜索更多信息的正确术语/单词，或者介绍这种技术背后的基础知识，或者如果存在任何jQuery等插件，我可以玩和学习吗？

我搜索了他们的代码但没有跳出来如何做到这一点，我的Javascript和jQuery仍然是新手级别。

Answer 1

Javascript有一些本地方法，如scroll(), scrollTo(), scrollBy() ，你可以使用它们（有一些技巧）来平滑地滚动页面。 与offsetTop(), offsetLeft()一起，您可以实现这些网站上的效果。

还有很多jQuery插件（例如像谷歌点击这样 ）来为你节省大量的工作。

只是搜索这些方法名称，这应该给你足够的命中我猜。

Answer 2

基本滚动...

// Scroll
h = $(window).height();
t = $("mydiv").offset().top + $("mydiv").height();

if(t > h) {
    $(window).scrollTop(t - h);
}

Answer 3

他们的滚动脚本不是很聪明。 如果我通过反复单击向下箭头向下滚动网页，每次单击时，它都会向上滚动。 所以不可避免地它不起作用。