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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives