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