javascript - 垂直滚动与对齐/对齐到 div/元素/锚

Question

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

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

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

score 2 · Accepted Answer

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

还有很多 jQuery 插件（例如这个google hit）可以为您节省大量工作。

只需搜索这些 Methodnames，我猜这应该会给您足够的点击率。

score 2 · Accepted Answer

基本滚动...

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

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

score 0 · Accepted Answer

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

3 回答 3