perfect-scrollbarでスクロールバーをカスタマイズする。

perfect-scrollbar最小構成

稀にスクロールバーのカスタマイズが必要な場面があります。そんな時に便利なライブラリをご紹介します。perfect-scrollbar こちらのライブラリがあれば非常に簡単にスクロールバーの実装が可能です。例によってCodeSandBoxを確認してください。wrapする要素に、heightとposition:relative;を加えています。今のところスクロールバーのclass名は変更できなさそうなので、セレクタに重みをつけて変更する必要がありそうです。自力での実装を考えるとそこそこ大変そうな印象ですが、このライブラリがあると非常に助かりますね。