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. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  2. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  3. MenuSpy

    JavaScript

    セクションビュー対応のナビゲーションメニュー実装「MenuSpy」

    MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリ…

  4. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  5. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  6. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

最近の記事

  1. エチオピア
  2. 紗々 飴色和栗
  3. DCG-CA21
  4. Apple WatchでのMacロック解除を無効
  5. オータムスイートポテトフラペチーノ

アーカイブ

PAGE TOP