nobee

update: 266view

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

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

これには驚きました!

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

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

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

html{
  scroll-behavior: smooth;
}

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

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

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

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

があります。

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

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

share

人気記事