📜  CSS |滚动填充底部

📅  最后修改于: 2021-08-29 12:30:57             🧑  作者: Mango

Scroll Padding 底部是 Scroll Snap 模块中的一个内置属性。此属性设置滚动填充。此属性充当滑动元素顶部的磁铁,贴在视口的顶部并在该位置停止滚动(强制)。

Scroll Padding 属性是可选的,当 Scroll Snap type 属性设置为 none 时使用此属性。

句法:

scroll-padding-bottom: [  length percentage | auto ]

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

  • length-percentage:此属性的工作方式与其他填充属性相同,包含任何特定单位的填充长度。
  • auto:此属性为浏览器确定的填充留出一些空间。

示例:下面的示例说明了 Scroll Padding 底部属性:

 
 
  
 
     
        CSS Scroll Padding bottom
     
     
 
  
 
    
          

GeeksforGeeks

          

CSS Scroll Padding bottom

          
              
                  
                  
                  
              
          
      
                                  

输出:

支持的浏览器: CSS Scroll Padding 底部支持的浏览器如下:

  • 谷歌浏览器 69
  • 浏览器 11
  • 火狐 68
  • 野生动物园 11