我们的志愿者还没有将这篇文章翻译为 中文 (简体)。加入我们帮助完成翻译
您也可以阅读此文章的English (US)版。
The scroll-margin-top property defines the top margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container’s coordinate space), then adding the specified outsets.
| Initial value | 0 |
|---|---|
| Applies to | all elements |
| Inherited | no |
| Media | visual |
| Computed value | as specified |
| Animation type | by computed value type |
| Canonical order | per grammar |
Syntax
/* <length> values */ scroll-margin-top: 10px; scroll-margin-top: 1em; /* Global values */ scroll-margin-top: inherit; scroll-margin-top: initial; scroll-margin-top: unset;
Values
- <length>
- An outset from the top edge of the scroll container.
Formal syntax
auto | <length>
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Scroll Snap Module Level 1 The definition of 'scroll-margin-top' in that specification. |
Candidate Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
scroll-margin-top | Chrome Full support 69 | Edge No support No | Firefox No support No | IE No support No | Opera Full support 56 | Safari Full support 11 | WebView Android Full support 69 | Chrome Android Full support 69 | Edge Mobile No support No | Firefox Android No support No | Opera Android Full support 48 | Safari iOS Full support 11 | Samsung Internet Android No support No |
Legend
- Full support
- Full support
- No support
- No support