scroll-margin-block-start属性用于一次将所有滚动边距设置为滚动元素的开始侧。此属性定义块尺寸开始处的滚动捕捉区域的边距,用于将此框捕捉到捕捉端口。
句法:
scroll-margin-block-start: length
/* Or */
scroll-margin-block-start: Global_Values
属性值:此属性接受上面提到和下面描述的两个属性:
- length:这个属性是指用长度单位定义的值,如 em、px、rem、vh 等。
- Global_Values:该属性指的是继承、初始、未设置等全局值。
注意:scroll-margin-block-start不接受百分比值作为长度。
示例:在此示例中,您可以通过滚动到示例内容的两个“界面”之间的某个点来查看 scroll-margin-block-start 的效果。
HTML
Geeks 1
for 2
Geeks 3
for 4
Geeks 5
输出:
支持的浏览器:
- 火狐
- 铬合金
- 歌剧
- 边缘