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

uploadHBR複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」前のページ

iPhoneの3D Touchによるカーソル移動や選択範囲の指定が便利すぎる次のページ3D Touchによるカーソル移動

関連記事

  1. Tilt Hover Effects

    JavaScript

    ホバーによるチルトエフェクトを実装できる「Tilt Hover Effects」

    指定したアイテムにホバーすることでオシャレなチルトエフェクトを実装する…

  2. Simple button checks

    JavaScript

    カスタマイズ可能なチェックボックスを実装できる「Simple button checks」

    Simple button checksはカスタマイズ可能なチェックボ…

  3. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  4. Filterable Product Grid
  5. ContentTools

    JavaScript

    画面内でそのまま編集できるWYSIWYGエディタ「ContentTools」

    ContentToolsは画面内でそのままコンテンツを編集できるWYS…

  6. Letter by Letter JS

    JavaScript

    美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」

    Letter by Letter JSは美しいフェードでテキストを徐々…

最近の記事

  1. 冬用のふとん
  2. 田沢湖
  3. ゴムの耳栓
  4. ライオンコーヒー(バニラマカダミア)
PAGE TOP