使用bindscrolltolower
,必须搭配使用的scroll-view
会导致小程序"enablePullDownRefresh": true
下拉不能使用。
解决方法,就是当两者同时存在时,改scroll-view
为view
,改bindscrolltolower
为onReachBottom
函数。
这样在上拉加载,跟下拉刷新同时存在的时候,"enablePullDownRefresh": true
就可以生效了。
<view class="scroll-view">
<view class="view-item"><text>text1</text></view>
<view class="view-item"><text>text2</text></view>
<view class="view-item"><text>text3</text></view>
<view class="view-item"><text>text4</text></view>
<view class="view-item"><text>text5</text></view>
<view class="view-item"><text>text6</text></view>
<view class="view-item"><text>text7</text></view>
<view class="view-item"><text>text8</text></view>
<view class="view-item"><text>text9</text></view>
</view>
.scroll-view {
height: 1300rpx;
}
.view-item {
width: 33.333333%;
height: 300rpx;
float: left;
color: #ffff;
background: #888;
}
Page({
data: {
},
onLoad: function(option) {
wx.request({
},
success: function(res) {
}
});
},
onReachBottom: function(event) {
console.log("滚到底了");
},
})
bigTips:这个方法很好,不仅解决了scroll-view中无法下拉刷新的问题,而且也解决了上滑加载更多时如果滑的很快重复加载的问题,因为onReachBottom是触碰到底部时响应的!