PrognRoll

JavaScript

スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

PrognRollはスクロールによるプログレスバーを表示することができるjQueryプラグインです。軽量で使い方もシンプルなので手軽に実装できるのがいいですね。オプションもいくつか用意されています。

PrognRoll

デモ

デモではスクロールしていくと、画面上部にどのくらい読み進めたかを示すプログレスバーが表示されます。コンテンツがあとどのくらいの量なのかを瞬時に把握できるので、長文による縦長ページなどと相性がよさそうですね。

また、オプションにはcolor、position、customといった項目が用意されています。positionには「top」か「bottom」を指定することが可能です。カラーも自分の好きな値を設定できるようになっています。

ファイル容量が軽量なところもうれしいポイントの一つです。

というわけで、スクロールによるプログレスバーを実装できるjQueryプラグイン「PrognRoll」のご紹介でした。

PrognRoll

Scrollaスクロール時にアニメーションするjQueryプラグイン「Scrolla」前のページ

シンプルなアコーディオンを実装する「A simple jQuery Accordion with unlimited nesting」次のページA simple jQuery Accordion with unlimited nesting

最近の記事

  1. マリーゴールドのゴム手袋(バスルーム)
  2. クリスマスエスプレッソロースト
  3. シーザーチキン 石窯カンパーニュ
  4. スキャルプ&ヘア リファイニング トリートメント オイル R
  5. ポーレックスの手動ミル
PAGE TOP