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. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  2. no-image

    JavaScript

    シンプルなモバイルメニューを実装できる「offcanvas-mobile-menu」

    offcanvas-mobile-menuは、シンプルでモバイルフレン…

  3. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  4. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  5. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  6. Babylon Grid

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP