Scroll Padding 属性是 Scroll Snap 模块的内置属性。此属性设置滚动填充。此属性充当滑动元素顶部的磁铁,它粘在视口的顶部并在该位置停止滚动(强制)。
Scroll Padding 属性是可选的,当 Scroll Snap type 属性设置为 none 时使用此属性。
句法:
scroll-padding: [ length percentage | auto ]
属性值:此属性接受上面提到和下面描述的两个属性:
- length-percentage:此属性的工作方式与其他填充属性相同,包含任何特定单位的填充长度。
- auto:此属性为浏览器确定的填充留出一些空间。
示例:下面的示例说明了 Scroll Padding 属性:
CSS Scroll Padding
GeeksforGeeks
CSS Scroll Padding
输出:
支持的浏览器: CSS Scroll Padding支持的浏览器如下:
- 谷歌浏览器 69
- 浏览器 11
- 火狐 68
- 野生动物园 11