[JS]簡単に設置できる超軽量のコンテンツスクローラーのスクリプト -TinyScroller

divで配置したパネルをスクロールできるようにする超軽量のスクリプトをleigeberから紹介します。

デモのキャプチャ

TinyScroller JavaScript Scrollable Div – 1.7KB
demo

スクリプトの容量は約1.7KB(圧縮時)で、対応ブラウザはIE6/7/8, Fx, Op, Safari, Chromeとなっています。

設置も簡単で、パネルのdiv要素と同列に下記のスクロールバーとなるdiv要素を配置します。

上記の2つのdiv要素を内包するようにdivを2つ追加します。
あとは、スクリプトと外部ファイルにjsとcssを記述するだけです。
最小のコードは、下記のようになります。

top of page

©2017 coliss