scroll-margin-top

尝试一下

scroll-margin-top 属性定义了滚动捕捉区域的顶边距，用于在捕捉视口上捕捉该盒子。滚动捕捉区域是由变换后的边框决定的，找到它的矩形边界框（在滚动容器的坐标空间轴中轴对齐），然后添加指定的起始点。

语法

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

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

值

<length>: 滚动容器顶部边缘的起点

标准定义

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

标准语法

scroll-margin-top = 
  <length>

规范

规范	状态	注释
CSS Scroll Snap Module Level 1 scroll-margin-top	Candidate Recommendation	Initial definition

浏览器兼容性

BCD tables only load in the browser