スクロールスナップ時のマージンを指定するプロパティです。固定ヘッダーがある場合などに、スクロール位置を調整して要素が隠れないようにできます。
scroll-margin: <length>scroll-margin-top: 80px;固定ヘッダー分のマージンを確保
scroll-margin: 20px;全方向に20pxのマージン
scroll-margin: 10px 20px;上下10px、左右20px
アンカーリンクでジャンプした時、固定ヘッダーの下に隠れないようにできる。scroll-snap-alignと組み合わせて余白を調整。
scroll-paddingと混同しやすい。scroll-marginは子要素に、scroll-paddingは親要素に指定する。
Chrome 69+, Firefox 68+, Safari 14.1+