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

一、问题描述

最近用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

    })

  }

}