iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった
iPhoneやAndroid風にマウスでフリックスクロールできるようにするjQueryプラグインつくりました。
ページ末端を過ぎると戻るような動作を再現しています。ページ区切りを設定するとiPhoneのホーム画面のようなUIも実現できます。
現在はアルファ版として公開中。
コードサンプル
ページ一部をフリックできるようにする場合。
$('.selector').flickable();
ページ全体をフリックできるようにする場合。
$(window).flickable();
ページ区切りを作る場合。sectionオプションでセレクタか要素を指定します。
$('.selector').flickable({ section: '.content' });
オプションの取り方などを含め、jQuery UIと同じような実装にしています。
詳しくは、http://lagoscript.org/jquery/flickable を参照してください。