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. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  2. Reshader

    JavaScript

    カラーの濃淡を得ることができるJavaScriptライブラリ「Reshader」

    Reshaderは、カラーの濃淡を得ることができる便利なJavaScr…

  3. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  4. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

  5. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  6. no-image

    JavaScript

    多彩な方向に表示できるツールチップ「jq-tooltip」

    jq-tooltipは多彩な方向に表示可能なツールチップを実装できるj…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP