CSS | overscroll-behavior-y 属性

overscroll-behavior-y属性用于设置浏览器在达到滚动区域的垂直边界时的行为。这可以用于有多个滚动区域并且滚动一个区域不会影响整个页面的网站。这种效果被称为滚动链，可以相应地启用或禁用。

句法：

overscroll-behavior-y: auto | contain | none | initial | inherit

属性值：

• auto：这用于将所有元素的滚动行为设置为默认值。即使到达元素的边界，整个页面也会滚动。它是默认值。

  例子：

  
  
    
  
    
    
    
  
    
  
    
  
      GeeksforGeeks
    
    
    CSS | overscroll-behavior-y
    
  overscroll-behavior-y: auto
    
    
  
      
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
  
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
      
      
  
        This is a smaller element that is also
        scrollable. The overscroll behavior
        can be used to control if the main
        content behind would scroll when this
        element's vertical boundary is reached.
      
    
  
    
  
  

  输出：向下滚动较小的元素
  

• 包含：它用于将滚动行为设置为仅在使用的元素上默认。相邻的滚动区域不会发生滚动链，后面的元素也不会滚动。

  例子：

  
  
    
  
    
    
    
  
    
  
    
  
      GeeksforGeeks
    
    
    CSS | overscroll-behavior-y
    
  overscroll-behavior-y: contain
    
    
  
      
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
  
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
      
      
  
        This is a smaller element that is also
        scrollable. The overscroll behavior
        can be used to control if the main
        content behind would scroll when this
        element's vertical boundary is reached.
      
    
  
    
  
  

  输出：向下滚动较小的元素
  

• none：它用于防止在所有元素上滚动链接。还防止了默认的滚动溢出行为。

  例子：

  
  
    
  
    
    
    
  
    
  
    
  
      GeeksforGeeks
    
    
    CSS | overscroll-behavior-y
    
  overscroll-behavior-y: none
    
    
  
      
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
  
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
      
      
  
        This is a smaller element that is also
        scrollable. The overscroll behavior
        can be used to control if the main
        content behind would scroll when this
        element's vertical boundary is reached.
      
    
  
    
  
  

  输出：向下滚动较小的元素
  

• 初始：用于将过度滚动行为设置为默认值。

  例子：

  
  
    
  
    
    
    
  
    
  
    
  
      GeeksforGeeks
    
    
    CSS | overscroll-behavior-y
    
  overscroll-behavior-y: initial
    
    
  
      
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
  
  
        GeeksforGeeks is a computer science
        portal with a huge variety of well
        written and explained computer science
        and programming articles, quizzes and
        interview questions. The portal also
        has dedicated GATE preparation and
        competitive programming sections.
      
      
  
        This is a smaller element that is also
        scrollable. The overscroll behavior
        can be used to control if the main
        content behind would scroll when this
        element's vertical boundary is reached.
      
    
  
    
  
  

  输出：向下滚动较小的元素
  

• inherit：用于设置从父级继承的滚动行为。

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

• 铬 63.0
• 火狐 59.0
• 歌剧 50.0