jQueryのCustom Scrollbarを使ってスムーススクロールを実現する方法

    スクロールバーをかっこ良くカスタマイズ出来るCustom Scrollbar.

    Custom Scrollbar

    すごく便利なのですが、これを使うとスムーススクロールが上手くできないという症状に出くわしました。

    色々なプラグインを試したのですが、結局スムーススクロールは無理かと思ったのですが、別途プラグインを入れることなく、Custom Scrollbar単体でスムーススクロールを実現することができました。

    実装の流れ

    Custom Scrollbarについては他で沢山紹介されているので詳しい導入に関してはそちらをご参照ください。

    流れとしては下記のようにhead部にオフィシャルサイトからダウンロードしてきたcssとjsを読み込ませ、その後実行するアクションを別途記載する流れになります。

    head部に必要要素を読み込み

    [cc]



    [/cc]

    ページ内スクロールするためのコードを書く

    [cc]

    SNSでもご購読できます。