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

Photoshopのワークスペース(サイドバー、パネル)を初期化する設定方法前のページ

アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」次のページiconate.js

関連記事

  1. jQuery gantt

    JavaScript

    軽量なガントチャートを実装できるjQueryプラグイン「jQuery gantt」

    jQuery ganttは、軽量でシンプルなガントチャートを実装するこ…

  2. Basic Metro Dynamic jQuery Tab Menu
  3. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  4. Animocons

    JavaScript

    アイコンに素敵なアニメーションを実装できる「Animocons」

    Animoconsはアイコンにさまざまなアニメーションを加えることがで…

  5. JavaScript

    巻き簾のようにメニューを開閉するアニメーションを実装できるjQueryプラグイン「Makisu」

    巻き簾のようにリスト化した要素を1つずつ開いていったり閉じていったりで…

  6. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP