on:2014年9月2日sponsorsアイコンをタップでメニューをスライド表示したり、スライドさせると折り紙のように畳まれたり、スクロール時にエレメントが追従するように表示されたりなど、モバイル向けWebページの気持ちいいアニメーションを実装できるスクリプトを紹介します。-GitHubImpulseのデモImpulseの使い方Impulseのデモデモはデスクトップブラウザでも楽しめます。デモページまずは、折り紙のようにスライドさせるアニメーション。Cover上部のハンバーガーアイコンをタップすると、スライドで表示されるメニュー。Menuちょっとドラッグするだけで気持ちよくスクロールする慣性スクロール。Scroll※アニメーションGIFにしたらサイズがすごかったので静止画像です。スクロールに追従するようにエレメントが表示されるバウンシースクロール。Scrolling※アニメーションGIFにしたらサイズがすごかったので静止画像です。デモページには他にもたくさんのデモがあります。Menu」で実装方法を紹介します。外部ファイル当スクリプトを外部ファイルとして記述します。ここは全デモ共通です。HTMLヘッダ、メニュー、コンテンツをそれぞれdiv要素で実装します。JavaScriptスクリプトで各エレメントを定義し、エフェクトのタイミングやアニメーションを設定します。Posts関連記事が見つかりませんでした。