uniapp禁止页面下拉刷新(Android、IOS)

uniapp微信小步伐系列问题


  

---

前言

微信小步伐办理页面禁止下拉刷新的问题，Android和IOS端分别对待

---

提示：以下是本篇文章正文内容，下面案例可供参考
一、Android端禁止页面下拉刷新

.json文件中----固定整个页面，禁止下拉

1. {
2.     "navigationBarTitleText": "首页",
3.     "usingComponents": {},
4.     "enablePullDownRefresh": false,
5.     "disableScroll": true
6. }

复制代码

二、ios段禁止页面下拉刷新

1.根据uniapp官方文档设置

   代码如下（示例）：

1. {
2.     "navigationBarTitleText": "首页",
3.     "usingComponents": {},
4.     "enablePullDownRefresh": false,
5.     "disableScroll": true
6. }

复制代码

云云设置后页面依旧可以下拉刷新，此设置只对Android端见效
禁止IOS端方案，在须要禁止的页面加固定定位，然后页面里面的内容在答应滚动， 可共同 scroll-view 为完成页面内容滚动

1. .myBtaPadding {
2.   position: fixed;
3.   top: 0;
4.   left: 0;
5.   width: 100%;
6.   height: 100vh;
7.   overflow: hidden;
8. }

复制代码

三、 此处再提供两个可能用到的方法

1、获取页面可视区高度

1. getClineHeight(){
2.      const res = uni.getSystemInfo({
3.            success:(res=>{
4.                   this.clientHeight = res.windowHeight-uni.upx2px(80)
5.             })
6.         });
7.      },

复制代码

2、获取盒子高度

1. const query = uni.createSelectorQuery().in(this)
2.     query
3.       .select('.box') // 要计算高度的盒子的类名 box
4.       .boundingClientRect(data => {
5.         this.scrollHeight = data.height - 20 + 'px'
6.       })
7.       .exec()

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。