CSSだけでスムーススクロールを実装する方法
下記だけで実装可能です。
/* 即時に遷移する */
html {
scroll-behavior: auto;
}
/* ゆっくり遷移する */
html {
scroll-behavior: smooth;
}ただ、Safariではバージョン15.4からの対応のようなので、注意が必要そうですね。
下記だけで実装可能です。
/* 即時に遷移する */
html {
scroll-behavior: auto;
}
/* ゆっくり遷移する */
html {
scroll-behavior: smooth;
}ただ、Safariではバージョン15.4からの対応のようなので、注意が必要そうですね。
