情景:在弹出框里滚动,当滚动到底部或者顶部的时候,发现遮罩层下面的内容也开始滚动。
解决办法:
使用overscroll-behavior: contain来阻止滚动事件的传播。
overscroll-behavior 属性有 3 个值:
1.auto - 元素的滚动会传播给祖先元素;
2.contain - 阻止滚动传播。滚动不会传播给祖先,但会显示元素内的原生效果。例如,Android 的炫光效果或 iOS 的回弹效果,当用户触摸滚动边界时会通知用户。
3.none - 和 contain 一样阻止滚动传播。另外它可以防止元素内原生的滚动效果(例如 Android 的炫光效果或和iOS 的回弹效果)。
移动端开发之阻止滚动传播
最新推荐文章于 2023-03-09 14:28:48 发布