Optiscroll

JavaScript

縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れたモダンなスクロールバーを実装できるJSライブラリです。9KBととっても軽いのがうれしいですね。縦横スクロールバーに対応しているほか、すべてのモダンブラウザ(IE9以上)をサポートしています。オプションもいろいろ用意されていたり、scrollToやscrollIntoViewといったアニメーションの設定も可能です。

カスタムイベントやAPIによるアニメーション

デモ

デモではシンプルなスクロールバーから、あらかじめスクロールバーを表示しているもの、縦横のスクロールバーを表示するものなど、いくつかの種類が用意されています。

scrollTo ( destX, destY [, duration] )、scrollIntoView (elem, [, duration, delta] )といったAPIを使用したアニメーションを設定することもできます。自分が指定した特定のポイントまでスクロールしてくれるので、コンテンツ内で特定の部分を効率よく見せたいときなんかに活用できそうですね。

カスタムイベントには、sizechange、scrollstart、scroll、scrollstop、scrollreachedgeなどが用意されているので、自サイトに合わせてカスタマイズしたい人にも最適です。

ほかにも、preventParentScroll、forceScrollbars、scrollStopDelay、maxTrackSize、minTrackSize……など、多彩なオプションが揃っています。

Optiscroll

関連記事

  1. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  2. scroll-scope.js

    JavaScript

    親要素の影響を受けずに子要素だけを固定してスクロールさせる「scroll-scope.js」

    scroll-scope.jsは親要素の影響を受けずに子要素だけを固定…

  3. TV Credits

    JavaScript

    垂直・水平方向に滑らかに流れていくティッカーを実装できるjQueryプラグイン「TV Credits…

    TV Creditsは垂直方向や水平方向に流れていくティッカーを実装す…

  4. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

  5. Animated Weather Cards

    JavaScript

    シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」

    お洒落なアニメーションがついた天気予報カード「Animated Wea…

  6. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

最近の記事

  1. 落ち葉と雪
  2. SOL001
  3. 末廣ラーメン

アーカイブ

PAGE TOP