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

no-imageクッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」前のページ

超軽量でアクセシブル・レスポンシブなLightboxを実装できる「Lity」次のページLity

最近の記事

  1. ホワイトチョコマカダミアドーナツ
  2. エッグペペ
  3. ダークチョコレート
  4. 朝のコーヒー
  5. ザンビア
PAGE TOP