ブックマーク / lagos-on.hatenadiary.org (2)

  • iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ

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

    iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ
    kkeisuke
    kkeisuke 2012/08/28
  • jQuery.autopager1.0.0をリリースしました - テクメモ

    スクロールで次ページを自動読み込みするjQueryプラグイン v1.0.0をリリースしました。 全バージョンから全面的に書き直し、クリック等をトリガーにした読込みにも対応させました。 デモ サンプル 自動ページング機能を有効にするには、次ページへのリンクが存在するページに以下のようなコードを追加します。 $.autopager({ link : '#next', // 次ページリンクのセレクタ content: '.content' // コンテンツ部分のセレクタ }); ページ区切りは、次ページのコンテンツ読み込み完了直後に発生するloadイベントのコールバック関数で挿入できます。 $.autopager({ load: function() { // "this"は読み込んだコンテンツ要素を指す $(this).before('<hr/>'); } }); 詳しくは、http://la

    jQuery.autopager1.0.0をリリースしました - テクメモ
    kkeisuke
    kkeisuke 2012/04/18
    スクロールで次ページを自動読み込みするjQueryプラグイン
  • 1