移动端开发之阻止滚动传播

情景：在弹出框里滚动，当滚动到底部或者顶部的时候，发现遮罩层下面的内容也开始滚动。
解决办法：
使用overscroll-behavior: contain来阻止滚动事件的传播。
overscroll-behavior 属性有 3 个值：
1.auto - 元素的滚动会传播给祖先元素；
2.contain - 阻止滚动传播。滚动不会传播给祖先，但会显示元素内的原生效果。例如，Android 的炫光效果或 iOS 的回弹效果，当用户触摸滚动边界时会通知用户。
3.none - 和 contain 一样阻止滚动传播。另外它可以防止元素内原生的滚动效果（例如 Android 的炫光效果或和iOS 的回弹效果）。