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. t-scroll

    JavaScript

    アニメーションとともにアイテムが一つずつ現れる「t-scroll」

    t-scrollはアニメーションとともにアイテムを一つずつ表示させるこ…

  2. ClickSpark.js

    JavaScript

    美しいパーティクルエフェクトを実装できる「ClickSpark.js」

    ClickSpark.jsは画像を用いたたくさんの粒子が放出されるよう…

  3. normalmap.js

    JavaScript

    インタラクティブなライティングエフェクトを実装できる「normalmap.js」

    normalmap.jsはシンプルでインタラクティブなライティングエフ…

  4. Tabulous.js

    JavaScript

    色々なエフェクトのタブパネルが実装できるjQueryプラグイン「Tabulous.js」

    素敵なタブパネルがあったのでメモがてらご紹介します。オプションを指定す…

  5. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  6. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP