ptrLight

JavaScript

モバイル用のリフレッシュインジケーターを実装できる「ptrLight」

ptrLightはモバイル用のリフレッシュインジケーターを実装することができるjQueryプラグインです。Slobodan Jovanovicのxpullをベースにしているとのこと。iOS(mobile Safari、WebView)とAndroid(Chromium/Webkit)で活用できます。

ptrLight

デモ

iPhoneなどのスマホからアクセスし、コンテンツを下に引くと画面上部にリフレッシュインジケーターが表示されます。モバイルページで、このようなインジケーターをよく見かけたことがある人は多いのではないでしょうか?

コンテンツを更新(リフレッシュ)したい時に、画面を下に引っ張るだけで簡単に更新できるので、とても操作が簡単ですね。使い方も簡単で、プラグインのファイル容量も軽量なところもうれしいポイントの1つです。

さらに、ptrLightにはオプションもいくつか用意されています。主なオプション項目は、paused、ignoreThreshold、pullThreshold、maxPullThreshold、spinnerTimeout、scrollingDom、allowPtrWhenStartedWhileScrolled、refreshなどです。

また、スピナーの幅や高さなどのセッティングは、CSSを用いて調節することができます。シンプルで軽量ながらも、オプションやCSSを用いていろいろカスタマイズできる仕様も、このプラグインの魅力といえますね。

というわけで、iOS・Androidで使えるモバイル用のリフレッシュインジケーターを実装したいという人は、ぜひ「ptrLight」をチェックしてみてください。

ptrLight

関連記事

  1. no-image

    JavaScript

    軽量・高速でレスポンシブ対応のjQueryスライダー「partialViewSlider」

    partialViewSliderは左右にスライドする軽量・高速でレス…

  2. iziToast

    JavaScript

    エレガントでレスポンシブに対応したトーストを実装できる「iziToast」

    iziToastは、エレガントでレスポンシブに対応した軽量のトーストを…

  3. Zebra_Tooltips

    JavaScript

    シンプルでスマートなツールチップを実装できる「Zebra_Tooltips」

    Zebra_Tooltipsは軽量でシンプルなツールチップを実装できる…

  4. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  5. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  6. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP