情景：在弹出框里滚动，当滚动到底部或者顶部的时候，发现遮罩层下面的内容也开始滚动。
解决办法：
使用overscroll-behavior: contain来阻止滚动事件的传播。
overscroll-behavior 属性有 3 个值：
1.auto - 元素的滚动会传播给祖先元素；
2.contain - 阻止滚动传播。滚动不会传播给祖先，但会显示元素内的原生效果。例如，Android 的炫光效果或 iOS 的回弹效果，当用户触摸滚动边界时会通知用户。
3.none - 和 contain 一样阻止滚动传播。另外它可以防止元素内原生的滚动效果（例如 Android 的炫光效果或和iOS 的回弹效果）。
移动端开发之阻止滚动传播
来源： 时间：2024-12-12 14:05
移动端开发之阻止滚动传播
最新推荐文章于 2024-07-13 22:56:07 发布
明月松江 于 2019-09-19 15:30:25 发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
相关知识
前端移动端web开发（一）
手机移动端快速开发
移动端适配及PC端适配心得总结体会(二) (可能比较全
Axure设计之左右滚动组件教程（动态面板）
移动端
angluar 适配 移动端
前端移动端适配方案
电商平台移动端应用开发及维护服务合同.doc
移动应用开发专业
移动应用开发平台
网址: 移动端开发之阻止滚动传播 https://www.huajiangbk.com/newsview1055420.html
| 上一篇: 藏书300余万册！江西这个最大“ |
下一篇: 短视频为乡村“景”上添花 |
推荐分享
- 1君子兰什么品种最名贵 十大名 4012
- 2世界上最名贵的10种兰花图片 3364
- 3花圈挽联怎么写？ 3286
- 4迷信说家里不能放假花 家里摆 1878
- 5香山红叶什么时候红 1493
- 6花的意思,花的解释,花的拼音 1210
- 7教师节送什么花最合适 1167
- 8勿忘我花图片 1103
- 9橄榄枝的象征意义 1093
- 10洛阳的市花 1039
分享热点排名
