React 前端导航

Uniapp实现页面禁止滚动

写在前面

最近作者在编写一个微信小程序的时候,使用到了uniapp。上线后发现很多页面存在下拉可以拉动的情况,因此寻找了两种禁止uniapp页面禁止下拉的方法。

全局禁止下拉

这种方法可以禁止所有页面出现下拉,具体方法是在App.vue里面写上:

html,body{    overflow: hidden;    height: 100%;  }

部分页面禁止下拉

这种方法是在pages.json里面对应的每个界面写上如下内容:

"enablePullDownRefresh": false,"disableScroll":true

其中最关键的代码是:

"disableScroll":true

可以禁止单个界面出现下拉的情况。

以上代码是基于vue2的uniapp

 

声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。邮箱:farmerlzj@163.com。 本站原创内容未经允许不得转载,或转载时需注明出处: 内容转载自: React前端网:https://qianduan.shop/blogs/detail/237

#uniapp#微信小程序

相关推荐

微信小程序开发如何引入第三方字体

微信小程序开发如何引入第三方字体

微信小程序视频全屏播放object-fit属性

微信小程序开发中,视频竖屏无法占据手机屏幕全屏的问题解决。