fineScroll bar

JavaScript

簡単に使えるスクロールバー実装「fineScroll bar」

fineScroll barは簡単に使えるスクロールバーを実装できるjQueryプラグインです。jQueryとjQuery UIに依存します。カラーや幅の変更などちょっとしたカスタマイズも簡単に行うことが可能です。

fineScroll bar

デモ

デモではコンテナ内にシンプルなスクロールバーが表示されています。コンテンツを上下にスクロールするとこで、それに合わせてスクロールバーが連動します。

標準のスクロールバーを変更したい人は、fineScroll barを使うことで簡単に自分好みのスクロールバーに仕上げることができます。

fineScroll barにはオプションもいくつか用意されています。主なオプション項目は、alignment、value、width、bgColor、fgColorです。幅、背景カラー、スクロールバーカラーなど、オプションから手軽に変更できるのが便利ですね。

また、alignmentにはrightかleftの値を指定することができます。

fineScroll bar

関連記事

  1. jquery.resizeend

    JavaScript

    ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

    jquery.resizeendは、ブラウザのウィンドウをリサイズした…

  2. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  3. PreViewTube.js
  4. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  5. no-image

    JavaScript

    プレーンなJavaScriptによるレスポンシブなLightbox「jsOnlyLightbox」

    jsOnlyLightboxは、jQueryなどを必要としないプレーン…

最近の記事

  1. ブラジルイパネマ
  2. 梅しば
  3. BM-IBCDH13RD
  4. 雪
  5. ホットのドリップ

アーカイブ

PAGE TOP