CSS scroll-margin-inline-end 属性

CSS scroll-margin-inline-end 属性定义了内联方向滚动容器顶部和顶部元素之间的最小空间（即内联边缘边距）。该属性只适用于滚动容器，不适用于非滚动容器。

语法

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

属性值

• <length>：指定内联方向滚动容器顶部和顶部元素之间的最小空间。可以是任何CSS长度单位，如px或rem。
• auto：默认值。浏览器使用元素的边缘边距与滚动容器之间的空间。

示例

.container {
  scroll-margin-inline-end: 20px;
}

上述示例将在 .container 容器中，滚动容器顶部和顶部元素之间保留20像素的空间。

浏览器兼容性

scroll-margin-inline-end 属性的浏览器兼容性如下：

| Chrome | Safari | Edge | Firefox | IE | Opera | |--------|--------|------|---------|----|-------| | 69+ | 12.1+ | 79+ | 68+ | No | 56+ |

总结

CSS scroll-margin-inline-end 属性允许您在内联方向滚动容器顶部和顶部元素之间添加间距。这在需要完全控制滚动内容位置的布局中非常有用。