你知道这是怎么做到的吗? http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel
更新:
很抱歉不要这么清楚。
OF COURSE,我确实查看了这个网站的源代码。我知道动画是关于CSS或jQuery或HTML5 ......
但我不确定本网站上使用的是哪种插件或技术。
这是个问题。
答案 0 :(得分:2)
查看来源,他们使用skrollr - http://prinzhorn.github.com/skrollr/
答案 1 :(得分:1)
这是着名的Parallax scrolling效果。基本上它是通过在滚动时通过背景上的图像操纵z-index来实现的。
有一些jQuery插件的目的是以一种奇特而简单的方式实现这种效果。当jQuery plugins网站恢复生机时,您可以为此类插件制作search。
正如@devdigital所说,他们在他们的网站上使用skrollr。
从github页面,skrollr被描述为:
适用于移动设备(Android + iPhone)和桌面的独立视差滚动库
或者以更夸张的视角:
实际上,skrollr不仅仅是“只是”视差滚动。这是一个成熟的滚动动画库。事实上,你可以使用它,但仍然没有视差滚动。但是我希望听起来很时髦并使用一些流行语。顺便说一句,skrollr利用HTML5和CSS3
我希望它有所帮助。干杯