一、问题描述
最近用tarojs在做一个小程序项目时,首页需要禁止下拉刷新,于是在page.json里面添加了这段话
"enablePullDownRefresh":false
全局关闭下拉刷新,这段话确实禁止了下拉刷新,无论是安卓手机端还是苹果端,但是在苹果端却出现了一个问题,整个页面虽然不能下拉刷新了,但是依然还可以下拉。视觉交互不允许我这么做,
二、解决方法
1、简单粗暴直接禁止页面的滚动,只需要在page.json里加上
disableScroll:true
注意这个属性只能单独加在需要禁止滚动页面的page.json里且会禁止页面上拉
2、页面不禁止滚动,但在页面滚动的时候判断与顶部的距离,当这个距离小于0的时候,强制性拉回顶部
<ScrollView
className='scrollview'
scrollY
scrollWithAnimation
scrollTop={scrollTop}
style={scrollStyle}
lowerThreshold={Threshold}
upperThreshold={Threshold}
onScrollToUpper={this.onScrollToUpper.bind(this)} // 使用箭头函数的时候 可以这样写 `onScrollToUpper={this.onScrollToUpper}`
onScroll={this.onScroll}
></ScrollView>
onScrollToUpper(e){
if(e.scrollTop<0){
Taro.pageScrollTo({
scrollTop: 0
})
}文章来源:https://www.toymoban.com/news/detail-539904.html
}文章来源地址https://www.toymoban.com/news/detail-539904.html
到了这里,关于taro开发微信小程序禁止下拉刷新(ios下拉出现空白问题)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!