CSS scroll-margin-block-end 属性

scroll-margin-block-end属性用于一次将所有滚动边距设置为滚动元素的结束侧。此属性定义块尺寸末尾的滚动捕捉区域的边距，用于将此框捕捉到捕捉端口。

句法：

scroll-margin-block-end: length

/* Or */

scroll-margin-block-end: Global_Values

属性值：此属性接受上面提到和下面描述的两个属性：

• length ：此属性指的是用长度单位定义的值，如 em、px、rem、vh 等。
• Global_Values：该属性指的是继承、初始、未设置等全局值。

注意： scroll-margin-block-end不接受百分比值作为长度。

示例：在此示例中，您可以通过滚动到示例内容的两个“界面”之间的某个点来查看 scroll-margin-block-end 的效果。

HTML

  

    

  

  
    

        

              Geek 1
        
  
        

              Geek 2
        
  
        

              Geek 3
        
  
        

              Geek 4
        
  
        

              Geek 5
        
              
        

              Geek 6
        
    
  

  

输出：此示例显示滚动时 90 像素的对齐区域。

支持的浏览器：

• 铬合金
• 歌剧
• 边缘
• 火狐