📜  CSS 滚动边距块属性

📅  最后修改于: 2021-08-30 10:28:59             🧑  作者: Mango

scroll-margin-block属性用于一次将所有滚动边距设置为滚动元素的开始和结束。此属性是scroll-margin-block-startscroll-margin-block-end属性的简写。

起点和终点的选择取决于书写模式。开始侧和结束侧分别为水平 tb 写入模式的顶侧和底侧。

  • 其中horizontal-tb 代表水平从上到下。

开始侧和结束侧分别为 verticle-rl 或 verticle-lr 写入模式的左侧和右侧。

  • 其中verticle-rl是从右到左的verticle,verticle-lr是从左到右的verticle。

句法:

scroll-margin-block: length
/* Or */
scroll-margin-block: Global_Values

属性值: scroll-margin-block 属性接受上面提到和下面描述的两个属性:

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

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

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



    
        
    
    
        
            
                Geeks             
               
                for             
               
                Geeks             
               
                for             
               
                Geeks             
        
    

输出:

支持的浏览器:

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