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. vDrop

    JavaScript

    選択ボックスの選択肢をドロップダウンリストで表示できる「vDrop」

    vDroppは、選択ボックスの選択肢をドロップダウンリストで表示してく…

  2. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  3. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  4. no-image

    JavaScript

    タッチフレンドリーでモバイルでも快適に動作する「simplelightbox」

    simplelightboxはレスポンシブ対応でタッチフレンドリーなl…

  5. jQuery PieTimer

    JavaScript

    時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」

    jQuery PieTimerは時間の経過とともに円形のデザインが欠け…

  6. VintageTxt

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

最近の記事

  1. トライポッドスリーブ
  2. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  3. カメラマングローブ Grip Hot Shot III
  4. 包(つつむ)巾着ポーチ

Instagram始めました

Facebookページ

PAGE TOP