一、問題描述
最近用tarojs在做一個小程序項目時,首頁需要禁止下拉刷新,于是在page.json里面添加了這段話
"enablePullDownRefresh":false
全局關閉下拉刷新,這段話確實禁止了下拉刷新,無論是安卓手機端還是蘋果端,但是在蘋果端卻出現(xiàn)了一個問題,整個頁面雖然不能下拉刷新了,但是依然還可以下拉。視覺交互不允許我這么做,
二、解決方法
1、簡單粗暴直接禁止頁面的滾動,只需要在page.json里加上
disableScroll:true
注意這個屬性只能單獨加在需要禁止?jié)L動頁面的page.json里且會禁止頁面上拉
2、頁面不禁止?jié)L動,但在頁面滾動的時候判斷與頂部的距離,當這個距離小于0的時候,強制性拉回頂部
<ScrollView
className='scrollview'
scrollY
scrollWithAnimation
scrollTop={scrollTop}
style={scrollStyle}
lowerThreshold={Threshold}
upperThreshold={Threshold}
onScrollToUpper={this.onScrollToUpper.bind(this)} // 使用箭頭函數(shù)的時候 可以這樣寫 `onScrollToUpper={this.onScrollToUpper}`
onScroll={this.onScroll}
></ScrollView>
onScrollToUpper(e){
? if(e.scrollTop<0){
? ? Taro.pageScrollTo({
? ? ? scrollTop: 0
? ? })
? }文章來源:http://www.zghlxwxcb.cn/news/detail-539904.html
}文章來源地址http://www.zghlxwxcb.cn/news/detail-539904.html
到了這里,關于taro開發(fā)微信小程序禁止下拉刷新(ios下拉出現(xiàn)空白問題)的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!