uniapp 解决滑动穿透 (模态滚动影响页面滚动)

Posted 奥特曼 

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp 解决滑动穿透 (模态滚动影响页面滚动)相关的知识,希望对你有一定的参考价值。

在平常写一些小程序时,避免不了有一些设计是在弹层上面操作的,也避免不了设计的原型上面的模态可以滑动,这时候就会出现一个滚动穿透的问题。

解决方案

	<view class="mask" @touchmove.stop.prevent="moveHandle"></view>
    

     methods:
      	moveHandle()
				return true
	    ,
    

此方法 只能解决 不触发页面底部的滚动 如果在模态上面有列表可以滑动是失效的在模态上面滑动可以通过在模态中使用 scroll-view 来解决 滚动页面问题

<scroll-view scroll-y="true">xxx</scroll-view>

以上是关于uniapp 解决滑动穿透 (模态滚动影响页面滚动)的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 禁止滚动穿透(一般用于遮罩)-小程序/app/h5适用

uniapp禁止遮罩层下的页面滚动 终极解决办法

uniapp监听页面滚动结束的解决方法

uniapp屏幕上滑不动

vue中禁止页面滚动/滚动事件穿透-弹出蒙版时弹出层下面还可以滚动问题解决

1.解决小程序遮罩层遮住页面后滚动穿透问题