scroll-margin

尝试一下

scroll-margin 属性是修改一系列 scroll-margin 手写特性的快捷方式，它分配值的方式与 margin 属性为各个 margin-* 手写特性分配值的方式非常类似。

scroll-margin 属性的值代表用于将盒元素拖拽到显示区域的拖拽滚动区域的起点。拖拽滚动区域由是由转换后边框大小的盒元素决定的，它会找到盒元素的矩形边界（在滚动的容器的坐标空间轴上），并添加指定的起点。

初始值	`0`
适用元素	all elements
是否是继承属性	否
计算值	as specified
Animation type	by computed value type

Syntax

/* <length> values */
scroll-margin: 10px;
scroll-margin: 1em .5em 1em 1em;

/* Global values */
scroll-margin: inherit;
scroll-margin: initial;
scroll-margin: unset;

Values

<length>: 从滚动容器的相应边缘开始。

Formal syntax

scroll-margin = 
  <length>{1,4}

Specification

Specification	Status	Comment
CSS Scroll Snap Module Level 1 scroll-margin	Candidate Recommendation	Initial definition

Browser compatibility

BCD tables only load in the browser