使用了 page-meta 组件来动态修改页面的 overflow 属性,通过绑定 show变量的值来控制页面的滚动。通过uni-popup 里的@change事件,当 show为true 时,底层页面的滑动被禁止,这样就解决了弹窗滑动穿透问题。
滚动穿透问题通常在使用弹出层、遮罩层或日期选择器等组件时出现。用户在组件内滚动内容时,当内容滚动到底部后,继续滑动可能导致底层页面也滚动,这不符合用户的期望。以下是两种解决方法。 解决方案 1. 禁止蒙版的滚动穿透 如果你想要禁止蒙版下的页面滚动,可以使用以下方法: <!-- page-meta 只能是页面内的第一个...
简介: uniapp遮罩层穿透问题,uview遮罩层组件,uview的actionSheet组件.鼠标穿透,uview组件u-popup遮罩滚动穿透问题 问题背景: 使用uniapp或者uview组件时,涉及到遮罩层的出现,一般会随之出现一个问题,就是当长按出现遮罩层时,此时不松手,往下滑动屏幕,还是会触发当前页面所涉及到的页面滚动甚至下拉刷新事件. 看了下...