CSS scroll-margin-block-end 属性

CSS scroll-margin-block-end 属性用于设置块容器顶部与滚动容器底部之间的最小间距。它可以用于调整滚动条与页面元素之间的距离，从而改进页面的可读性和可用性。

语法

scroll-margin-block-end: <length> | auto;

• <length>：用于设置块容器顶部与滚动容器底部之间的最小间距。长度值可以使用绝对值（如 px、cm 或 in）或相对值（如 % 或 em）。
• auto：默认值。指示浏览器自动计算滚动内边距，并调整滚动条和容器之间的距离。

示例

/* 固定的长度值 */
div {
  scroll-margin-block-end: 20px;
}

/* 相对值 */
div {
  scroll-margin-block-end: 3em;
}

/* 自动计算内边距 */
div {
  scroll-margin-block-end: auto;
}

兼容性

CSS scroll-margin-block-end 属性的兼容性相对较差，目前在所有浏览器中都不被广泛支持。它的在各个浏览器中的兼容性如下：

参考链接

• CSS Scroll Margin Module Level 1: scroll-margin-block-end property