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

関連記事

  1. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  2. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  3. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  4. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  5. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

最近の記事

  1. TAP-F27-2KP
  2. M32ミニ
  3. CITTA TT5.0
  4. Kindle Oasis

アーカイブ

PAGE TOP