1300の優良サイトを調査してみたシリーズ、第11回は「コンテンツスクロールバー」です。
利用規約などを表示する画面では、CSSの「overflow:scroll」プロパティを利用して、ブロック要素に対してスクロールバーを与えることがあります。これを「スクロールバー」や「コンテンツスクロールバー」と呼び、専用のライブラリを用いて装飾を行うことが多いようです。
今回も、1300サイトに含まれている全てのライブラリ一覧化しています。きっと気に入ったデザインものが見つかるはずです。なお、ふろしき.jsの調査では、1300中47サイト(3.61%)にてライブラリが確認されました。
jQuery jScrollPane(34件 - 2.61%)
- 公式サイト：http://jscrollpane.kelvinluck.com/
- ライセンス：MIT / GPL Licenses
- 開発：Kelvin Luck
jQuery ScrollTo (13件 - 1.00%)
- 公式サイト：http://flesler.blogspot.jp/2007/10/jqueryscrollto.html
- ライセンス：MIT and GPL License
- 開発：Ariel Flesler
flexcroll.js (8件 - 0.61%)
- 公式サイト：http://www.hesido.com/web.php?page=customscrollbar
- ライセンス：有償(1サイト/$30)
- 開発：BASKAYA
malihu Custom Scrollbar (4件 - 0.30%)
- 公式サイト：http://manos.malihu.gr/tuts/jquery_custom_scrollbar.html
- ライセンス：GNU Lesser General Public License
- 開発：Manos Malihutsakis
最後に
CSSで設定すれば良いぐらいに思っていたスクロールバーに、ここまで色んなバリエーションがあったというのは驚きですね。特に、商用製品が高いシェアを得ていることに、驚きを感じています。
