CSSだけでヘッダー固定ありのSmooth ScrollするSample

固定されたヘッダー

scroll-behavior: smooth; でスムーズスクロール、scroll-margin-top でヘッダー分のサイズを指定することで、浮かして固定したヘッダー分を加味し、CSSのみでスムーズスクロールができる。