Bootstrap5とjQueryのスムーズスクロールの競合について

Bootstrap5はデフォルトでscroll-behavior: smoothとなっています。これは、ページ内リンクをクリックした際にスムーズにスクロールする動作を実現します。しかし、この設定はjQueryによるスムーズスクロールと競合する可能性があります。

この競合を避けるために、以下のCSSを用いてBootstrapのスムーズスクロールを無効化することができます:

:root {
  scroll-behavior: auto !important;
}

これにより、jQueryによるスムーズスクロール機能が正常に動作します。

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

上部へスクロール