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. jQuery Seat Charts
  2. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  3. hoverpulse

    JavaScript

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

    マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hov…

  4. plainModal

    JavaScript

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

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

  5. swingdrag

    JavaScript

    jQuery UIのドラッグ機能にスイング効果を加えることができる「swingdrag」

    swingdragは、jQuery UIのドラッグ機能にスイング効果を…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP