概要
JavaScriptを使用せずCSSのみでスムーススクロールを実装する方法を紹介。用途・要件
- JavaScriptを使用せずCSSのみでスムーススクロールを実装。
- 固定ヘッダーの場合に、固定ヘッダーの高さ分スクロール位置をずらす方法も記載。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
注意事項
- スムーススクロールの速度やイージングなどの細かな設定はできません。（閲覧するブラウザに依存）
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
