OverlayScrollbars

JavaScript

カスタマイズ性に優れたスクロールバーを実装できる「OverlayScrollbars」

OverlayScrollbarsはカスタマイズ性に優れたJavaScriptスクロールバープラグインです。jQueryなどへの依存がなく、シンプルながらもパワフルで、マウスやタッチにも対応しているほか、テキストエリアやBodyにも対応しています。

OverlayScrollbars

デモ

デモではカスタマイズされた様々なスクロールバーを見ることが可能です。Basic、Capabilites、Callbacks、Textarea、Nesting、Styling、Scroll、Content、iFrameと、いろんなタイプのデモが用意されています。

ベーシックなものからコールバックを用いたもの、ネストされたスクロールバー、スタイリングされたもの、iFrameを用いたものなど、多彩なカスタマイズができます。

また、OverlayScrollbarsはブラウザの互換性が高いのも特徴の1つです。互換性のあるブラウザは、IE8+、Safari6+、Firefox、Opera、Chrome、Edgeです。

オプションもかなり豊富に用意されているので、気になる人はぜひチェックしてみてください。ライセンスはMITとのこと。

OverlayScrollbars

curtains.jsカーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」前のページ

カスタマイズ可能なチェックボックスを実装できる「Simple button checks」次のページSimple button checks

関連記事

  1. jQuery Resizable Columns

    JavaScript

    テーブルの列の幅をドラッグでサイズ変更できる「jQuery Resizable Columns」

    じっくりテーブル内の情報を見たい時なんかに便利そうですね。テーブルの列…

  2. no-image
  3. Easy Z modal

    JavaScript

    シンプルなモーダルウィンドウ・ダイアログボックスを表示できる「Easy Z modal」

    Easy Z modalはシンプルでダイナミックなモーダルウィンドウ・…

  4. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  5. JavaScript

    リスト化した要素を自分が指定した数に分割できるjQueryプラグイン「Easy List Split…

    リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ…

  6. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP