intence

JavaScript

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

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

intence

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

intence

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

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

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

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

関連記事

  1. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  2. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  3. JavaScript

    スクロールしても固定表示されてついてくるjQueryプラグイン「Sticky」

    StickyというjQueryプラグインを使えば、スクロールしても固定…

  4. JavaScript

    フルスクリーンで画像などの要素を表示させることができるJSライブラリ「screenfull.js」

    screenfull.jsは画像などの要素をフルスクリーンで表示させる…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでJavaScriptのfor…inを使ってオブジェクトから値を1つずつ取り…

    JavaScriptにはfor...inというプロパティの数だけ繰り返…

  6. no-image

    JavaScript

    テキストに応じてアンダーラインが伸び縮みする「Magic Line Menu」

    Magic Line Menuはナビゲーションメニューのテキストに応じ…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP