Simple Sidebar

JavaScript

左右どちらでも設定可能なサイドバーを実装できるjQueryプラグイン「Simple Sidebar」

Simple SidebarというjQueryプラグインを使えば、左右どちらでも設定可能なシンプルなサイドバーを実装することができます。メニューアイコンをクリックすると、横からスライドしながらサイドバーが表示されます。

[ads_center]

Simple Sidebarの使い方

メニューアイコンをクリックすると、こんな感じでサイドバーが出てきます。普段は隠れているので、スペースを有効活用したい時によさそうですね。

Simple Sidebar

デモ

使い方もシンプルでいいですね。

$("$sidebar").simpleSidebar({
    sidebar: {
        align: 'left' //'right'
    }
});

alignにleftかrightを指定することができます。これによりサイドバーを左にするか右にするかを設定することが可能です。

Simple Sidebar

関連記事

  1. no-image

    JavaScript

    要素ごとにスクロールできるjQueryプラグイン「snapScroll.js」

    snapScroll.jsは要素ごとにきりのいいところでスクロールされ…

  2. jQuery Smart Placeholder
  3. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  4. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

  5. jQuery touchSwipe Carousel
  6. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP