CSS scroll-padding-block-start 属性

scroll-padding-block-start属性用于一次将所有滚动填充设置为块维度中滚动容器或元素的开头。起始侧分别是水平 tb写入模式的顶部和垂直 rl或垂直 lr写入模式的右侧或左侧。其中水平-TB代表水平顶部至底部和垂直-rl或垂直-lr代表垂直从右到左和竖壁分别右左到。

句法：

scroll-padding-block-start: keyword_values

或者

scroll-padding-block-start: length_values

或者

scroll-padding-block-start: Global_Values

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

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

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

HTML

 

    

 

    

 
        

            Geeks 1
        
        

            for 1
        
        

            Geeks 2
        
        

            for 2
        
        

            Geeks 3
        
        

            for 3
        
    

 

输出：

支持的浏览器：

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