-4

これがどのように行われるかについての考えはありますか? http://www.guardian.co.uk/world/interactive/2012/nov/06/america-elect-graphic-novel

アップデート:

明確でなくて申し訳ありません。

もちろん、私はこのサイトのソースコードをチェックしました。アニメーションは CSS か jQuery か HTML5 に関するものだと知っていました...

しかし、このサイトでどのプラグインまたは技術が使用されているかはわかりませんでした。

これが質問でした。

4

2 に答える 2

2

ソースを見てください。彼らは skrollr を使用しています - http://prinzhorn.github.com/skrollr/

于 2012-11-12T19:46:02.613 に答える
1

これは、有名な視差スクロール効果です。基本的に、スクロール中に背景上の画像から z-index を操作することによって実現されます。

ファンシーで簡単な方法でそのような効果を達成することを目的とした jQuery プラグインがいくつかあります。jQuery プラグインサイトが復活したら、そのようなプラグインを検索できます。

ただし、@devdigital が述べているように、サイトではskrollrを使用しています。

github ページから、skrollr は次のように説明されています。

モバイル (Android + iPhone) およびデスクトップ用のスタンドアロン視差スクロール ライブラリ

またはより誇張された視点で:

実際、skrollr は「単なる」視差スクロール以上のものです。本格的なスクロール アニメーション ライブラリです。実際、それを使用しても視差スクロールはまったくありません。しかし、私は流行に敏感に聞こえ、いくつかの流行語を使用したかった. ちなみに、skrollr は HTML5 と CSS3 を活用しています。

お役に立てば幸いです。乾杯

于 2012-11-12T19:53:10.513 に答える