使用snap / align to div / element / anchor进行垂直滚动
我发现了一些可爱的网站 – http://www.mini.jp/event_campaign/big-point/,http://www.twenty8twelve.com/和http://www.scozzese.com – 所有垂直滚动,以及所有当您滚动到一个新的“页面”时,使用一种将“页面”对齐到浏览器顶部的技术 – 即使您向中间滚动一半。
任何人都可以给我任何指针,例如我可以用来搜索更多信息的正确术语/单词,或者介绍这种技术背后的基础知识,或者如果存在任何jQuery等插件,我可以玩和学习吗?
我搜索了他们的代码但没有跳出来如何做到这一点,我的Javascript和jQuery仍然是新手级别。
Javascript有一些本地方法,如scroll(), scrollTo(), scrollBy()
(可以使用一些技巧)来平滑地滚动页面。 与offsetTop(), offsetLeft()
一起,您可以实现像这些网站上的效果。
还有很多jQuery插件(比如这个google hit )为你节省了大量的工作。
只需搜索这些方法名称,这应该会给你足够的点击量。
基本滚动…
// Scroll h = $(window).height(); t = $("mydiv").offset().top + $("mydiv").height(); if(t > h) { $(window).scrollTop(t - h); }
他们的滚动脚本不是很聪明。 如果我通过反复单击向下箭头向下滚动网页,每次单击时,它都会向上滚动。 所以不可避免地它不起作用。