intence

JavaScript

インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

intenceはスクロール中のエリアが分かるインタラクティブなナビゲーションスクロールバーを実装することができるJSライブラリです。ナビゲーションにある各メニューをクリックすることでその位置までスクロールさせることもできます。

intence

intenceの詳細は以下からチェックすることができます。

intence

デモでは下へスクロールしていくと、それに合わせて右側に表示されているナビゲーションスクロールバーが現在いるエリアを教えてくれます。

それぞれの領域に対応したメニューはアイコン化されており、任意の位置をクリックするとその場所まで自動スクロールしてくれます。

パッと見ただけで自分がどの辺の位置にいるのか知ることができる他、好きな位置にも瞬時に移動することができるのでとても便利ですね。

というわけで、インタラクティブなナビゲーションスクロールバーを実装できる「intence」のご紹介でした。

Jquery progress indicator on page scrollスクロールしている進捗度をプログレスバーで教えてくれる「Jquery progress indicator on page scroll」前のページ

CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」次のページAnimate Plus

関連記事

  1. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  2. iziModal

    JavaScript

    エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

    iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィ…

  3. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

  4. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  5. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  6. nuContextMenu

    JavaScript

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

    nuContextMenuはモダンで軽量なコンテキストメニューを実装で…

最近の記事

  1. EOS R6
  2. EOS R5
  3. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ

アーカイブ

PAGE TOP