javascript - 讲故事滚动

Question

有人可以确定该站点如何具有滑过页面的效果吗？主要是它如何将一页向上拉到另一页上。是Javascript吗？我认为它做得很好。

http://hire.visualidiot.com/typestacks

谢谢！

乔

Answer 1

helixed 的回答解释了他们是如何做到的。但是，如果您想自己重新创建效果，请考虑使用 Parallaxjs，而不是使用潜在的抄写代码。

查看演示站点：http ://stolksdorf.github.com/Parallaxjs/

和来源：https ://github.com/stolksdorf/parallaxjs/

编辑：该网站存在错误，请尝试按住箭头键几秒钟，然后再松开。

Answer 2

我在 Safari 中打开它并禁用了 JavaScript。滑动效果消失了（尽管它很好地退化了）。显然，JavaScript 必须以某种方式参与其中。好的，所以我打开了 Chrome 开发者工具并查看了资源。有一个名为handler.js的脚本。我打开它，果然有一些记录良好的代码。看起来它正在使用jQuery 动画。看一下脚本。你应该能够从那里弄清楚。