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. Image Tilt Effect

    JavaScript

    画像にチルトエフェクトをかけることができる「Image Tilt Effect」

    Image Tilt Effectは画像にチルトエフェクトをかけたちょ…

  2. JavaScript

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「jQuery Burn」

    テキストに炎のようなエフェクトを追加してくれるjQueryプラグイン「…

  3. Swipe-Li

    JavaScript

    スマホ操作に最適!左右のスワイプで有効・無効を選べるjQueryプラグイン「Swipe-Li」

    Swipe-LiというjQueryプラグインを使えば、左右のスワイプで…

  4. flipLightBox
  5. Shuffle Images

    JavaScript

    画像をシャッフルすることができるjQueryプラグイン「Shuffle Images」

    Shuffle ImagesというjQueryプラグインを使えば、画像…

  6. no-image

    JavaScript

    レスポンシブ対応でモバイルフレンドリーなjQueryデートピッカー・タイムピッカー「pickadat…

    pickadateはレスポンシブに対応したモバイルフレンドリーなデート…

最近の記事

  1. SV-S251
  2. スラウェシ トラジャ
  3. 梅
  4. CAR-HLD12BK

アーカイブ

PAGE TOP