#68 2行でスムーススクロールを実装する【ぴよぴよコーダーの開発日記】

CSSで2行でスムーススクロールを実装します

html {scroll-behavior: smooth;}
[id*=anc_]{scroll-margin-top: 50px;} //←固定ヘッダーの高さが50pxだった場合を想定

以上。

デモ
https://codepen.io/studylog/pen/poOgJBP

参考
https://black-flag.net/css/20220518-7635.html

ヘッダーの絵は、河鍋暁斎の「瀧、鷲に猿図」メトロポリタン美術館