taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)

一、问题描述

最近用tarojs在做一个小程序项目时，首页需要禁止下拉刷新，于是在page.json里面添加了这段话

"enablePullDownRefresh":false

全局关闭下拉刷新，这段话确实禁止了下拉刷新，无论是安卓手机端还是苹果端，但是在苹果端却出现了一个问题，整个页面虽然不能下拉刷新了，但是依然还可以下拉。视觉交互不允许我这么做，

二、解决方法

1、简单粗暴直接禁止页面的滚动，只需要在page.json里加上

disableScroll:true

注意这个属性只能单独加在需要禁止滚动页面的page.json里且会禁止页面上拉

2、页面不禁止滚动，但在页面滚动的时候判断与顶部的距离，当这个距离小于0的时候，强制性拉回顶部

onScrollToUpper(e){

if(e.scrollTop<0){

Taro.pageScrollTo({

scrollTop: 0

})

}

taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)相关推荐

taro开发微信小程序-播放轨迹(十一)
taro集成了地图后如何实现轨迹播放,暂停,停止呢?本身地图并不具备轨迹播放的能力,但是基于地图api可以实现轨迹播放的效果思路如下: 1.获取所有的轨迹坐标点-最好是数组格式的json 2.定义一 ...
taro开发微信小程序-添加开发者预览,上传测试版本(十四)
taro开发微信小程序,上传测试版本,如果需要访问网络需要打开调试模式,如果配置了https协议的服务,提示对应的服务器证书无效,那么必须正确配置ssl证书,可以在阿里云或者腾讯云申请. 添加开发者预 ...
Taro开发微信小程序遇到的问题和解决方法
Taro开发微信小程序遇到的问题和解决方法参考文章: (1)Taro开发微信小程序遇到的问题和解决方法 (2)https://www.cnblogs.com/wuliujun521/p/114753 ...
Taro开发微信小程序（一）
Taro开发微信小程序(一) 技术栈框架:Taro v3.5.1 + React 数据流:redux CSS预处理: SASS 其他库:Taro-UI(目前用到的) 项目初始化 Taro框架搭建参 ...
Taro开发微信小程序实现简单的登录退出功能
Taro是由凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架,还有我发现从某度上搜索的结果首页居然看不到Taro框架的任何信息,但是谷歌首页就直接给出了结果,Taro使用文档.我是准备 ...
解决uniapp开发微信小程序预览pdf文件ios\安卓兼容问题
问题项目需要用uniapp来开发微信小程序,其中,有一个功能是预览pdf, 后台以链接形式返回pdf地址,一开始使用web-view做链接跳转,但是出现ios文件可以正常打开,android打不开的 ...
Taro 开发微信小程序入门与实战
目前比较流行的小程序开发框架主要有 WePY.Mpvue.Taro. WePY,Mpvue 是完全用 Vue 的开发方式来开发小程序,WePY 是比较早的小程序开发框架了,相对而言 Mpvue 的开发 ...
taro开发微信小程序
在京东凹凸实验室开发Taro跨平台早期之前,就已经进行Taro尝鲜了.开发这个实例猫眼电影已经过去几个月了.案例部分使用的是猫眼电影真实线上接口,关于订座的座位数据是自己模拟实现的,案例只供参考学习. ...
Taro开发微信小程序保持登录状态(本地存储)
Taro 一.Taro官网链接 Taro是由凹凸实验室倾力打造的一个开放式跨端跨框架解决方案,支持使用React.Vue.js.Nerv等框架来开发小程序.H5.react Native等应用. ...

taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)

taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)相关推荐

最新文章

热门文章