スクロールに応じて鞄が展開していくようなアニメーションの実装方法が知りたいです

Question

###前提・実現したいこと

この度、http://difott.com/case/
このウェブサイトのような、鞄を展開していくアニメーションを実装しなくてはいけない状況にあります。

###試したこと
いろいろ、ウェブ上を探しまわったのですが、なかなかいい記事が見つからず、非常に困っています。どなたか、良い記事や、良い方法、良いプラグインなどご存知の方がおられましたらご教示願います。

Answer 1

「JavaScript パララックス」で検索するか「ScrollMagic」を探されたし。

---

【Scrooll Magicでスクロールに反応する楽しいアニメーションを作る | ウェブソク】
http://news.7zz.jp/js/4791.html

【ScrollMagic ♥ Demo】
http://janpaepke.github.io/ScrollMagic/

【Examples - ScrollMagic】
http://janpaepke.github.io/ScrollMagic/examples/

【ScrollMagic Documentation】
http://janpaepke.github.io/ScrollMagic/docs/

Comments

[sawady]

ScrollMagicが使えそうですね！
ありがとうございます！

Answer 2

いわゆる「パララックスサイト」と呼ばれるものですかね
そういえばteratailでもどこかでも見た記憶が・・・
すみません、私はまだ使ったことがないのですが skrollr.js など、いくつかライブラリがあるようです
【まとめ】簡単にパララックスサイトが作れるjQueryプラグイン17選

Comments

[sawady]

ありがとうございます！
参考にさせていただきます！