CSS scroll-padding-block 属性

scroll-padding-block属性用于一次将所有滚动填充设置为块维度中滚动容器或元素的开始和结束。此属性是scroll-padding-block-start和scroll-padding-block-end属性的简写。

因此，滚动填充值表示定义用于将框对齐到对齐端口的滚动对齐区域的起点。

句法：

scroll-padding-block: keyword_values

/* Or */

scroll-padding-block: length_values
 
/* Or */

scroll-padding-block: Global_Values

属性值：此属性接受上述和下面描述的三个属性：

• length_values ：此属性指的是用长度单位定义的值。例如：px、em、vh 等。
• keyword_values：该属性指的是用auto 等单位定义的keyword_values。通常，这将默认设置为 0px，但如果非零值更合适，它也可以是非零值。
• Global_Values：该属性指的是继承、初始、未设置等全局值。

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

HTML

  

    

  

    

        

               Geeks 1
        
  
        

               for 1
        
  
        

               Geeks 2
        
  
        

               for 2
        
  
        

               Geeks 3
        
  
        

               for 3
        
    

  

输出：

支持的浏览器：

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