nobee

update:　423view

jquery不要！スムーススクロールがcssだけでできる！

jquery不要！スムーススクロールがcssだけでできる！

これには驚きました！

jqueryを使わずにcssだけでスムーススクロールができるなんて！
cssのたった一行でページ内を滑らか移動できるなんて！！！！

では実際にデモページで確認をどうぞ！！！

指定がめっちゃ簡単すぎるんです.../p>

html{
  scroll-behavior: smooth;
}

ウソみたいに簡単ですよね？？？

ただ一つ残念なのが対応ブラウザが限られています。

IE、Edge、Safariには対応していません...

ちなみにプロパティの値は

があります。

autoは通常の動きです。リンクをクリックするとパッと動くやつです。

いつか全ブラウザに対応なるのかな。。

share

人気記事