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

    JavaScript

    画像・Google マップ・YouTubeなどを埋め込めるLightbox風jQueryプラグイン「…

    VenoBoxは色んなコンテンツを埋め込めるLightbox風jQue…

  2. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  3. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  4. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  5. Ink Transition Effect

    JavaScript

    インクをこぼしたようなエフェクトを実装できる「Ink Transition Effect」

    Ink Transition Effectはインクがこぼれて広がったよ…

  6. Animated Page Transition

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP