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 typeby computed value type

标准语法

scroll-margin-top = 
  <length>

规范

Specification
CSS Scroll Snap Module Level 1
# margin-longhands-physical

浏览器兼容性

BCD tables only load in the browser