📜  CSS scroll-margin-bottom 属性

📅  最后修改于: 2021-08-30 10:58:31             🧑  作者: Mango

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(部分支持)