Jquery progress indicator on page scrollはスクロールしている進捗度をプログレスバーで教えてくれるjQueryプラグインです。スクロールしていくと、それに合わせてメーターが変化していきます。
Jquery progress indicator on page scroll
実際のデモは以下から確認することができます。
デモ
下へスクロールしていくとそれに合わせてメーターが右へ伸びていきます。逆に上にスクロールしていくとメーターが左へいきます。
スクロール中の位置情報がすぐに分かるので、長文記事などで自分が今どの辺にいるのかをプログレスバーで表示させたい時に役立ちますね。
使い方もとてもシンプルです。
$("#progress-bar").onscroll();
オプションを用いることで背景カラーや高さを設定したりすることができます。
というわけで、スクロール中の進捗度をプログレスバーで表示させる「Jquery progress indicator on page scroll」のご紹介でした。
