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

  • このエントリーをはてなブックマークに追加
  • LINEで送る

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

Custom Scrollbar

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

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

実装の流れ

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

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

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

[cc]



[/cc]

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

[cc]

  • このエントリーをはてなブックマークに追加
  • LINEで送る

SNSでもご購読できます。

コメントを残す

*