scroll-margin-bottom属性用于一次将所有滚动边距设置到元素的底部。为 scroll-margin-bottom指定的值决定了主要在支持之外的页面应该保持可见的程度。
因此, scroll-margin-bottom值表示定义滚动捕捉区域的起点,该区域用于将这个框捕捉到捕捉端口。
句法:
scroll-margin-bottom: length
/* Or */
scroll-margin-bottom: Global_Values
属性值:此属性接受上面提到和下面描述的两个属性:
- length:该属性指的是用长度单位定义的值:px、rem、em、vh 等。
- Global_Values:该属性指的是初始、继承、未设置等全局值。
注意: scroll-margin-bottom 不接受百分比值作为长度。
示例:在此示例中,您可以通过滚动到示例内容的两个“界面”之间的某个点来查看 scroll-margin-bottom 的效果。
HTML
Geeks
for
Geeks
for
Geeks
输出:
支持的浏览器:
- 铬合金
- 火狐
- 边缘
- 歌剧
- Safari(部分支持)