overscroll-behavior
overscroll-behaviorCSS 属性是overscroll-behavior-x和overscroll-behavior-y属性的合并写法, 让你可以控制浏览器过度滚动时的表现——也就是滚动到边界。
默认情况下，当触及页面顶部或者底部时（或者是其他可滚动区域），移动端浏览器倾向于提供一种“触底”效果，甚至进行页面刷新。你可能也发现了，当对话框中含有可滚动内容时，一旦滚动至对话框的边界，对话框下方的页面内容也开始滚动了——这被称为“滚动链”。 在某些情况下我们不想要这些表现，使用 overscroll-behavior 来去除不需要的滚动链。
一句话就是让滚动时父元素滚动不触发
属性值
overscroll-behavior: [ contain | none | auto ]{1,2}
- auto 默认效果
- contain 设置这个值后，默认的滚动边界行为不变（“触底”效果或者刷新），但是临近的滚动区域不会被滚动链影响到，比如对话框后方的页面不会滚动。
- none 临近滚动区域不受到滚动链影响，而且默认的滚动到边界的表现也被阻止
兼容性
目前Safari浏览器尚不支持，Chrome和Firefox浏览器均支持，IE浏览器则有近似效果属性-ms-scroll-chaining代替，不过需要window 8及其以上版本的系统：
overscroll-behavior-x
这个CSS属性用来控制当滚动到区域的水平边界时的浏览器行为。
属性值和overscroll-behavior一样
overscroll-behavior-x: contain | none | auto
overscroll-behavior-y
这个CSS属性用来控制当滚动到区域的垂直边界时的浏览器行为。
属性值和overscroll-behavior一样
overscroll-behavior-y: contain | none | auto
