讲故事滚动

Storytelling Scrolling

本文关键字：滚动故事更新时间：2023-09-26

有人能确定这个网站是如何在页面之间滑动的吗？主要是如何将一页向上拉到另一页上。它是Javascript吗？我认为它做得很好。

http://hire.visualidiot.com/typestacks

谢谢！

Joe

helixed的回答解释了他们是如何做到的。但是，如果你想自己重新创建效果，可以考虑使用Parallaxjs，而不是使用可能的复制代码。

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

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

编辑：该网站有一个错误，请尝试按住箭头键几秒钟后再放手。

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