ふろしき Blog

コンテンツサービスを科学する株式会社ブートストラップ代表のブログ

1300の優良サイトが選んだ「コンテンツスクロールバー(Content Scroll-bar)」ライブラリ集

1300の優良サイトを調査してみたシリーズ、第11回は「コンテンツスクロールバー」です。

利用規約などを表示する画面では、CSSの「overflow:scroll」プロパティを利用して、ブロック要素に対してスクロールバーを与えることがあります。これを「スクロールバー」や「コンテンツスクロールバー」と呼び、専用のライブラリを用いて装飾を行うことが多いようです。

今回も、1300サイトに含まれている全てのライブラリ一覧化しています。きっと気に入ったデザインものが見つかるはずです。なお、ふろしき.jsの調査では、1300中47サイト(3.61%)にてライブラリが確認されました。

jQuery jScrollPane(34件 - 2.61%)

f:id:furoshiki0223:20131022224727p:plain

jQuery ScrollTo (13件 - 1.00%)

f:id:furoshiki0223:20131022224906p:plain

flexcroll.js (8件 - 0.61%)

f:id:furoshiki0223:20131022225001p:plain

Nicescroll (4件 - 0.30%)

f:id:furoshiki0223:20131022225311p:plain

malihu Custom Scrollbar (4件 - 0.30%)

f:id:furoshiki0223:20131022225350p:plain

最後に

CSSで設定すれば良いぐらいに思っていたスクロールバーに、ここまで色んなバリエーションがあったというのは驚きですね。特に、商用製品が高いシェアを得ていることに、驚きを感じています。

このブログの筆者について

川田 寛

コンテンツサービスの開発や運営代行を専門とする集団「株式会社ブートストラップ」の社長です。ネットではふろしきと呼ばれています。

2009年にNTTグループへ新卒入社し、ITエンジニアとしてクラウド技術・Web技術の研究開発と技術コンサルティングに従事。2015年よりピクシブに入社し、エンジニアリングマネージャー・事業責任者・執行役員CCOなど、様々な立場からコンテンツサービスの事業づくりに関わりました。2021年にメディアドゥへVPoEとしてジョインし出版関係の事業に関わったのち、2023年に独立しています。

関わってきたインターネット事業としては、ECサービスのBOOTH、UGCプラットフォームのpixiv(主に海外展開)、制作ツールのpixiv Sketch、VR・VTuber関連ではVRoid、Wikiサービスのピクシブ百科事典など、10を超える多様なCtoCコンテンツサービス。また、NTTドコモのすご得コンテンツ、メディアドゥのWeb3サービスであるFanTopなど、いくつかのBtoCコンテンツサービスにも関わってきました。

幸運なことに、私はコンテンツに関係する幅広いインターネットサービスのテクノロジー&ビジネスの知識を得ることができました。これを日本のコンテンツ発展に役立てたいと思い、株式会社ブートストラップを創業しました。

このブログでは現在、出版社やIPホルダー、ライセンサーといったコンテンツに関わる人々に向けて、インターネット事業に関するTipsや業界内のトレンドなどの情報を発信しています。私と話をしてみたいという方は、以下のフォームより気軽にご連絡ください。

お問い合わせフォーム