scroll-margin-block-start
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.
scroll-margin-block-start
属性定义了滚动吸附区域在的块首外边距,此区域用于将此盒吸附至滚动口。滚动吸附区域的确定方法为:取变换后的边框盒,求其矩形包围盒(与滚动容器的坐标空间中的轴对齐),再加上指定的外边距。
尝试一下
语法
css
/* <length> 值 */
scroll-margin-block-start: 10px;
scroll-margin-block-start: 1em;
/* 全局值 */
scroll-margin-block-start: inherit;
scroll-margin-block-start: initial;
scroll-margin-block-start: revert;
scroll-margin-block-start: revert-layer;
scroll-margin-block-start: unset;
取值
<length>
-
滚动容器的块首外边距。
形式定义
形式语法
scroll-margin-block-start =
<length>
规范
Specification |
---|
CSS Scroll Snap Module Level 1 # margin-longhands-logical |
浏览器兼容性
BCD tables only load in the browser