小程序页面禁止滑动

Posted Basu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序页面禁止滑动相关的知识,希望对你有一定的参考价值。

要做一个弹窗功能,弹窗是可以拖拽的,而且弹窗里的元素是有bindtap事件的,在弹窗使用了bindtouchstart之后发现弹窗拖拽的同时背景也在滑动,改为使用了catchtouchstart之后背景不滑动了,但是发现子元素 的bindtap事件无法执行,于是又改为了bindtouchstart,换一种思路,选择另一种方法就是如何让页面禁止滑动,只需要加上下边的代码到本页json文件就可以了 ,

在开发时候会遇到这个页面在安卓手机上不会滑动,但是在苹果手机上会上下滑动,体验不是很好,只需要在当前页面的json文件里加上

"disableScroll": true

 

 加上这个就ok了。

以上是关于小程序页面禁止滑动的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-自制弹出框禁止页面上下滑动

微信小程序页面左右滑动关闭

微信小程序swiper禁止用户手动滑动

微信小程序中使用swiper禁止用户上下滑动且不影响外部界面的滑动

小程序做一个能够左右滑动切换的多tab页面

wx小程序swiper怎么禁止滑动