マウスホイールでスクロールすると、余韻が残るイージングスクロールJquery

2013.09.14

2015.01.12

通常、ブラウザ上でwebサイトをマウスホイールでスクロールをするとホイールを止めた時にピタッと止まりますが、止まるときに余韻が残ったりするほうが少しリッチな感じがすると思います。jQueryで動作する方法があるので、覚え書き。

プラグインのダウンロード

jqueryのダウンロード・読み込みは基本ですが、その他の必要なプラグインを下記からダウンロードします。

jquery.mousewheel.js
jquery.easie.js

そして、下記のようにJavascriptの記述をします。

     

→DEMO

「var speed = 400;」の数字を変更すると、速度を変更できます。とっても簡単なので、是非試してみてください。

KEiSoN★

現在は東京都渋谷区でWeb制作会社を経営。一児の父。
Webコンサルティング/ディレクション/デザインを軸に“成果につながるWeb”を設計しています。
20代はバンドマン。30代は旅とノマドワークで16カ国を渡航。
旅と音楽が、思考と創造の源です。