on:2013年9月19日sponsorsidを付与した要素にシンプルにアニメーションでスクロールさせるのをはじめ、さまざまなエフェクトを簡単に指定できたり、トリッキーな仕掛けも実装できるjQueryのプラグインを紹介します。下記のトップページもなかなかダイナミックなエフェクトが仕込まれていますよ。-GitHubScrolld.jsのデモScrolld.jsの使い方Scrolld.jsのデモデモは、3種類用意されています。1上部のナビゲーションをクリックすると、それに対応したコンテンツにアニメーションでスクロールします。1:2番目のコンテンツにスクロール右下部のボタンはページの上部にスクロールします。レスポンシブにも対応しており、幅を変え高さが変更されたコンテンツでも同じようにスクロールします。2は、スクロール時にさまざまなエフェクトを加えたり、位置を調整します。2スクロールしてバウンドしたり、移動後に天地中央配置にしたり。3はさまざまなものをトリガーにしたデモです。3一番目はdiv、二番目はネコの画像、下の方には表示幅に合わせてエフェクトが変わります。外部ファイルjquery.jsと当スクリプトを</body>の上あたりに外部ファイルとして記述します。JavaScriptスクリプトのトリガーを外部ファイルの下に記述します。HTMLスクロールの目標となる要素にidを付与し、アンカーとセットにします。class='*'>ターゲットのidを「use」にしたら、アンカーのidには「Btn」をつけ「useBtn」にします。「Btn」は変更可能です。オプションオプションでは、スクロールのエフェクトをclassで簡単に設定できます。href='*'>スクリプトでは他にもさまざまな設定ができます。