scroll-margin
scroll-margin 属性是修改一系列 scroll-margin 手写特性的快捷方式, 它分配值的方式与 margin 属性为各个 margin-* 手写特性分配值的方式非常类似。
这个示例的代码存放在 Github 仓库. 如果你想对这个项目贡献代码, 请从 https://github.com/mdn/interactive-examples 克隆项目，并且向我们提交 PR。
scroll-margin 属性的值代表用于将盒元素拖拽到显示区域的拖拽滚动区域的起点。拖拽滚动区域由是由转换后边框大小的盒元素决定的，它会找到盒元素的矩形边界（在滚动的容器的坐标空间轴上），并添加指定的起点。
| 初始值 | 0 |
|---|---|
| 适用元素 | all elements |
| 是否是继承属性 | 否 |
| 计算值 | as specified |
| Animation type | by computed value type |
Syntax
/* <length> values */
scroll-margin: 10px;
scroll-margin: 1em .5em 1em 1em;
/* Global values */
scroll-margin: inherit;
scroll-margin: initial;
scroll-margin: unset;
Values
<length>- 从滚动容器的相应边缘开始。
Formal syntax
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Scroll Snap Module Level 1 scroll-margin |
Candidate Recommendation | Initial definition |
Browser compatibility
BCD tables only load in the browser