📌  相关文章
📜  CSS |滚动行为属性

📅  最后修改于: 2021-08-30 11:42:44             🧑  作者: Mango

此属性用于滚动位置的平滑动画而不是滚动跳转。当用户点击链接时，它会顺利执行其操作。它用于访问一个链接到可滚动框中的另一个链接。

句法： 

scroll-behavior: auto|smooth|initial|inherit;

财产：

  • smooth：该属性用于指定可滚动框内元素之间滚动的动画效果。

    句法： 

    scroll-behavior:smooth;

    例子： 

    

    
        
            CSS | scroll-behavior Property
        
        
    
    
        
    GeeksforGeeks
    
        
    
          Scroll-behaviour:smooth; 
        
    
          
        
          
        
    
        GEEKSFORGEEKS
        
    
          A computer science portal for geeks.
         
        
    
    
                    

    输出：

  • auto：用于指定滚动框内一个链接到另一个链接的直接跳转滚动效果访问。

    句法： 

    scroll-behavior:auto;

    例子： 

    

    
        
            CSS | scroll-behavior Property
        
        
    
    
        
    GeeksforGeeks
    
        
    
         scroll-behaviour:auto;
        
    
          
        
          
        
    
        GEEKSFORGEEKS
        
    
         A computer science portal for geeks.
         
        
    
    
                    

    输出：

支持的浏览器： scroll-behavior 属性支持的浏览器如下：

  • 谷歌浏览器 61.0
  • 火狐 36.0
  • 歌剧 48.0