0

jquery.easie.jsを利用しスクロールの余韻を残す

jquery.easie.jsを利用してスクロールの余韻を残す

現状最新版のFireFoxで見られるような、画面のスクロール動作でちょっとした余韻を残すアクションを加えてみたい時には、jquery.easie.jsを使って実現が出来ます。

 

デモサンプル

1.jQuery本体とjquery.easie.js、mousewheel.jsを読み込む

▼jQuery本体

jQuery本体のバージョンによって動作しないことがあります。サンプルではGoogleCDNの「1.6.4」バージョンで動作確認しています。

▼jquery.easie.jsをダウンロード

 jquery.easie.js

▼jQuery.mousewheel.jsをダウンロード

2.HTMLを記述

 高さをある程度取りたいので、画像を6枚並べています。

 

3.JavaScriptを記述

 変数speedの値を変更することでスピードの調整が可能です。

 

FireFoxユーザーにとっては既に備わっている動きなので特別必要がないかもしれませんが、そのほかのブラウザにおいて、ちょっとした動きに抑揚をつけたい場合などには効果的かもしれません。

 




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

mororeco > jQuery > jquery.easie.jsを利用しスクロールの余韻を残す