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. サラダボウル専門店
  5. プリンチブレンド
PAGE TOP