scroll-margin-bottom

基线 广泛可用

此功能已得到很好的建立，并在许多设备和浏览器版本上运行。它已在 2019 年 7 月开始跨浏览器可用。 2019 年 7 月.

scroll-margin-bottom 属性定义了用于将此盒子捕捉到捕捉点的滚动捕捉区域的底部边距。滚动捕捉区域是通过获取经过转换的边框盒子、找到其矩形边界框（在滚动容器的坐标空间中轴对齐），然后添加指定的偏移量来确定的。

试一试

语法

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

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

值

<length>

滚动容器底部边缘的偏移量。

正式定义

初始值0
应用于所有元素
继承否
计算值如指定
动画类型由计算值类型决定

正式语法

scroll-margin-bottom = 
  <length>

规范

规范
CSS 滚动捕捉模块级别 1
# margin-longhands-physical

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅