jquery - 卫报风格的动画图画小说

Question

更新：

很抱歉没有说得这么清楚。

当然，我确实查看了该站点的源代码。我知道动画是关于 CSS 或 jQuery 或 HTML5 的......

但是我不确定这个站点上使用了哪个插件或技术。

这就是问题所在。

score 2 · Accepted Answer

2

看看源代码，他们正在使用 skrollr - http://prinzhorn.github.com/skrollr/

于 2012-11-12T19:46:02.613 回答

score 1 · Accepted Answer

这就是著名的视差滚动效果。本质上，它是通过在滚动时从背景上的图像操纵 z-index 来实现的。

有一些 jQuery 插件旨在以一种花哨且简单的方式实现这种效果。当jQuery 插件站点恢复运行时，您可以搜索此类插件。

然而，正如@devdigital 所说，他们在他们的网站上使用了 skrollr。

在 github 页面中，skrollr 被描述为：

适用于移动设备（Android + iPhone）和桌面的独立视差滚动库

或者从更夸张的角度来看：

实际上，skrollr 不仅仅是“只是”视差滚动。这是一个成熟的滚动动画库。事实上，你可以使用它并且仍然完全没有视差滚动。但我想听起来很时髦并使用一些流行语。顺便说一句，skrollr 利用 HTML5 和 CSS3

我希望它有所帮助。干杯

2 回答 2