ScrollMenu.js

JavaScript

縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しいインターフェースに変えることができます。縦や横に配置することができたり、ページ内のナビゲーションメニューとスクロールバーを統合させたりすることが可能です。

ScrollMenu.js

デモ

スクロールバーはコンテンツの数に合わせて分割されています。各コンテンツのカラーに合わせているので、自分が今どの辺にいるのか一目瞭然です。

これだけだと単に「オシャレなスクロールバー」なのですが、このプラグインのいいところはナビゲーションメニューも兼ねることができる点です。

スクロールバーにホバーするとこんな感じでメニュー項目が飛び出てきます。もちろんこれをクリックすることでその場所まで自動でスクロールされます。

ScrollMenu.js

  • Vertical Scroll Menu
  • Horizontal Scroll Menu
  • Horizontal Header Menu
  • Creative Menu
  • Horizontal Top Line
  • Visible Browser Scrollbar

スクロールバーをナビゲーションっぽくすることでページ内の各コンテンツへのアクセスもしやすくなるので、縦長のページにはピッタリなプラグインですね。

ScrollMenu.js

関連記事

  1. Bootstrap Mobile FullScreen Modal
  2. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  3. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  4. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  5. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  6. Animated Image Pieces

    JavaScript

    画像が細かいピースになるアニメーション実装「Animated Image Pieces」

    Animated Image Piecesは、画像が細かいピースに分解…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP