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. Auto-Text-Scroll

    JavaScript

    自動でテキストが垂直にスクロールしていく「Auto-Text-Scroll」

    Auto-Text-Scrollは自動でテキストが垂直でスクロールして…

  2. JavaScript

    回転するアニメーション付きの円形ナビゲーションを実装できる「wheelnav.js」

    wheelnav.jsは回転する円形のナビゲーションを実装することがで…

  3. no-image

    JavaScript

    いろんなズーム機能を実装できるjQueryプラグイン「xZoom」

    xZoomはいろんなズーム機能を実装することができるカスタマイズ性に優…

  4. Multi-Screen.js
  5. Fly to

    JavaScript

    カートに入れた際に飛んでいくエフェクトのjQueryプラグイン「Fly to」

    Fly toは商品をカートに入れた際にカートまで飛んでいくエフェクトを…

  6. no-image

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP