📜  CSS |滚动行为属性

📅  最后修改于: 2021-11-08 02:21:52             🧑  作者: 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