[JS]実装が簡単で、操作も快適！スクロールに対応したコンテンツを実装できる超軽量ライブラリ -SimpleBar

スクロールバーをカスタマイズしてコンテンツを設置できるJavaScriptのほとんどは、スクロールの挙動が独自だったりします。ブラウザのネイティブのスクロール操作を使用し、快適に動作するコンテンツを実装できるライブラリを紹介します。 5kBの超軽量で、他スクリプトの依存はありません。また、IE9+対応なのも安心ですね。 デフォルトのスクロールバーをカスタマイズ 同系統のスクリプトの多くはJavaScriptでスクロールバーを模倣しますが、当スクリプトはデフォルトのスクロールバーを使用するので、パフォーマンスを損なうことはありません。 スクロールバーのデザイン スクロールバーはCSSでスタイルを簡単に変更できます。 5kBの超軽量スクリプト 他のスクリプトの依存はなく、超軽量の単体で動作するスクリプトです。 ネイティブのスクロール スクロール操作にJavaScriptは使用せず、ネイティブの

[coliss]

divにdata属性を加えるだけの簡単実装。5kBの超軽量、他スクリプトの依存はなし。

[karauma]

スクロールバーをカスタマイズ！

[U2no38kko]

“デモページ”

[kathew]

ネイティブのスクロールを謳う所以は、ネイティブのスクロールバーを可視領域外に隠して使ってるからなのね。賢い実装だ