小程序滚动穿透问题
发布于 5 年前 作者 ujin 18471 次浏览 来自 问答

问题描述: 列表页上点击单个item时触发弹窗,在弹窗内有多个选项也是可以滚动,当弹窗内滚动至顶或底时,再滚动则会穿透至列表使其滚动,,想请教下大佬们如何避免滚动穿透呢?

尝试办法: 1、遮罩层设置catchtouchmove="{{true}}", 能解决在遮罩层阻止滚动穿透,但不能阻止浮窗层穿透,失败;

                    2、点击浮窗出现时,给列表盒子加类,给fixed定位或overflow-y:hidden, 实际显示会导致列表定位置顶,可以解决穿透问题,但这种体验及差,否了。

1 回复

同问,要做页面筛选 然后弹窗上是个scroll-view scroll-view可以滚动。会导致底部也滚动。设置catchtouchmove也不行

回到顶部