讲故事滚动

Question

有人可以确定这个网站是如何影响浏览页面的吗？主要是它如何将一页翻到另一页。它是Javascript吗？我认为它做得很好。

http://hire.visualidiot.com/typestacks

谢谢！

Joe

Answer 1

我在Safari中打开它并禁用JavaScript。滑动效果消失了（尽管它很好地降解）。显然JavaScript必须以某种方式参与。好的，我弹出了Chrome开发者工具并查看了资源。有一个脚本叫做handler.js。我打开它，果然有一些很好的文档代码。它看起来像是使用jQuery animations。看看脚本。你应该能够从那里弄清楚它。

Answer 2

helixed的答案解释了他们是如何做到的。但是，如果你想重新创建效果，你可以使用Parallaxjs而不是采用潜在的复制代码。

观看演示网站：http://stolksdorf.github.com/Parallaxjs/

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

编辑：有是与该网站，试着放手前，按住几秒钟，箭头键的错误。