MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

cssのみでスムーススクロール(IE、Safari未対応)


ページ内をスルスル~っとスクロールするスムーススクロール。
CSSのscroll-behaviorプロパティを使用すれば、JavaScriptを使わずにCSSのみで実装が可能に!

使い方

一行追加するだけなのでとても簡単です。

問題点

・全てのページ内リンクがスムーススクロールになる
・スクロールのスピードが調整出来ない
・Safari(iosも)、IEに未対応

 

ブラウザ対応状況

Can I use より

 

簡単には実装できるものの、現時点ではまだ実用性は低いかな…といった感じです。
今後に期待!

よく読まれている関連記事

関連最新記事