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

解决方案

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

     methods:{
      	moveHandle(){
				return true
	    },
    }

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

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐