ScrollMagic v2.0.5の使い方 | hirokonaBlog
v1系とv2系で アニメーション部分が分離されて、classっぽい書き方になったので だいぶ違うみたい。メモ。 DLする janpaepke/ScrollMagic https://github.com/janpaepke/ScrollMagic core: /scrollmagic/minified/ScrollMagic.min.js tweenMaxを使うなら必要なプラグイン： /scrollmagic/minified/plugins/animation.gsap.min.js 読み込む 上記2つと必要ならjqueryも先頭で読み込む 記述する 1.全体を管理するコントローラーを用意する 2.各シーンのアニメーションや付けたいclassとスタイル等を準備する 3.各シーンとアニメーションを紐付け、コントローラーに登録する [javascript] var path0= [{x: -
Scrooll Magicでスクロールに反応する楽しいアニメーションを作る
スクロールに反応してイラストが飛び出すような動きをするウェブサイトを結構見かけます。長い説明が入る箇所などでアニメーションを効果的に使うと、読者を飽きさせない仕掛けに使うことができます。素のjQueryでも実現できそうですが、jQueryプラグイン「Scrooll Magic」を試してみると簡単にできることがわかりました。 こんにちはgaito777です。 先日クライアントに「スクロールに反応させてイラストを少し動かしたい」って言われまして、それなら普通にjQueryでできるかもって思ったんですけど、便利なプラグインはないかなーって調べてみると、良いのがあるじゃないですか！ あまりスクロールに反応するタイプのウェブサイトは作ったことなかったんで、知らなかったんですけど、この「Scrooll Magic」ってアメリカでは有名なプラグインらしいですね。 サンプルを作っていろいろ動かして遊んでみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
