Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 讲故事滚动_Javascript_Html_Scroll - Fatal编程技术网

Javascript 讲故事滚动

Javascript 讲故事滚动,javascript,html,scroll,Javascript,Html,Scroll,有人能确定这个网站是如何在页面间滑动的吗?主要是它如何把一页拉到另一页上。是Javascript吗?我认为做得很好 谢谢 Joe我在Safari中打开它并禁用了JavaScript。滑动效果消失了(尽管它很好地退化)。显然,JavaScript必须以某种方式参与进来。好的,所以我打开了Chrome开发者工具并查看了资源。有一个脚本叫做。我打开它,果然有一些很好的文档化代码。看起来它正在使用。看一下剧本。你应该可以从那里找到答案。helixed的回答解释了他们是如何做到的。但是,如果您想自己重新

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

谢谢


Joe

我在Safari中打开它并禁用了JavaScript。滑动效果消失了(尽管它很好地退化)。显然,JavaScript必须以某种方式参与进来。好的,所以我打开了Chrome开发者工具并查看了资源。有一个脚本叫做。我打开它,果然有一些很好的文档化代码。看起来它正在使用。看一下剧本。你应该可以从那里找到答案。

helixed的回答解释了他们是如何做到的。但是,如果您想自己重新创建效果,可以考虑使用视差JS,而不是复制编写的代码

请参见演示站点:

资料来源:


编辑:该网站有一个bug,试着按住箭头键几秒钟再放开。

@j08691如何通过查看查看源代码来了解?好的1@j08691-非常有洞察力,我知道它链接到下面的页面,但我不确定是什么使页面动画化拉下来真是一个完整页面动画的好例子,很高兴我提出了这个问题。