CSS overscroll-behavior-inline 属性

此属性指定浏览器在到达滚动区域的内联方向边界时的行为。

句法：

overscroll-behavior-inline: auto|contain|none;

属性值：

• auto：默认值，过卷行为是正常的。
• 包含：它将默认行为应用于各个元素，但阻止底层元素的滚动链接。
• none：它可以防止滚动链接和默认的过度滚动行为。

它可用于防止内联过度滚动。考虑以下场景，其中存在两个块级元素，一个包含另一个。外块和内块都有各自的水平卷轴。默认情况下，当我们在内部块内滚动并到达其边界时，整个页面将开始滚动，这是必须避免的。通过在内部块中使用overscroll-behavior-inline属性，我们可以防止这种情况。

例子：

HTML

  

    
    

  

    

        

            

                

                    GEEKS FOR GEEKS
This green block has 
                    overscroll-behavior-inline property,
                    inline overscrolling can be prevented here.
                
            
        
    

  

输出：

支持的浏览器：

• Chrome 77.0 及以上
• Edge 79.0 及以上
• 火狐 73.0 及以上
• Opera 64.0 及以上