Scrollgressはスクロールに連動するシンプルで軽量なプログレスバーを実装できるjQueryプラグインです。画面上部に表示されるプログレスバーにより、今どのくらいの位置にいるのか把握しやすいので、縦長のページなどに役立ちますね。
Scrollgress
以下はScrollgressの実際のデモになります。
下へスクロールしていくと画面上部に表示される赤いプログレスバーが横に伸びていきます。
使い方も非常に簡単です。jQueryとプラグインファイルを読み込んだ状態で、以下のようにセッティングするだけです。
$('body').scrollgress();
また、オプションではプログレスバーの高さやカラーなどを設定することもできます。
スクロールに連動するシンプルなプログレスバーを取り入れたい方は、ぜひチェックしてみてください。
