CSS scroll-padding-block-end 属性

scroll-padding-block-end属性用于一次将所有滚动填充设置到块维度中滚动容器或元素的末尾。端侧分别是水平-tb书写模式的底部和垂直-rl或垂直-lr 书写模式的左侧或右侧。其中horizontal-tb代表水平从上到下，垂直-rl或垂直-lr 分别代表垂直从右到左和垂直从左到右。

句法：

scroll-padding-block-end: keyword_values

或者

scroll-padding-block-end: length_values

或者

scroll-padding-block-end: Global_Values

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

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

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

HTML

 

    

 

    

 
        

            Geeks
        
 
        

            for
        
 
        

            Geeks
        
 
        

            for
        
 
        

            Geeks
        
 
        

            for
        
    
 

 

输出：

支持的浏览器：

• 铬合金
• 火狐
• Safari(不支持)
• 边缘
• 歌剧
• Internet Explorer(不支持)