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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives