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. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

  2. trunk8

    JavaScript

    長い(はみ出した)テキストを「・・・」に置き換えてくれるjQueryプラグイン「trunk8」

    長いテキストやはみ出したテキストを「・・・」といった文字に置き換えてく…

  3. Jqx-Media-Slider
  4. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  5. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  6. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP