Scrollgress

JavaScript

スクロールに連動するプログレスバーを実装できる「Scrollgress」

Scrollgressはスクロールに連動するシンプルで軽量なプログレスバーを実装できるjQueryプラグインです。画面上部に表示されるプログレスバーにより、今どのくらいの位置にいるのか把握しやすいので、縦長のページなどに役立ちますね。

Scrollgress

デモ

下へスクロールしていくと画面上部に表示される赤いプログレスバーが横に伸びていきます。

使い方も非常に簡単です。jQueryとプラグインファイルを読み込んだ状態で、以下のようにセッティングするだけです。

$('body').scrollgress();

また、オプションではプログレスバーの高さやカラーなどを設定することもできます。

Scrollgress

syncscroll2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」前のページ

モダンなコンテキストメニューを実装できる「nuContextMenu」次のページnuContextMenu

関連記事

  1. Complexify

    JavaScript

    パスワードの強さを視覚的にフィードバックしてくれる「Complexify」

    Complexifyはユーザーが入力したパスワードの強さを視覚的にフィ…

  2. Recursive Hover Nav
  3. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  4. funnyText.js
  5. Simple Lightbox
  6. jBox

    JavaScript

    ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

    jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP