1. 程式人生 > >微信小程序scroll-view不能實現下拉刷新

微信小程序scroll-view不能實現下拉刷新

並且 nta .sh 下載 color 下拉刷新 ref 刷新 nbsp

一般在列表展示頁面,會使用到上拉加載和下拉刷新功能,在scroll-view中有bindscrolltolower事件,可以實現上拉加載功能,但是卻沒法實現下拉刷新。

如需同時使用兩種功能,解決步驟如下(以list頁面為例):

1. 將scroll-view 改成普通的view, 並且設置樣式

// list.wxss
page { height:
100%; } .container { width: 100%; height: 100%; // 或者 height: 100vh; } // 其他樣式略

2. 在根配置文件json或者當前頁面的json文件設置 (建議在當前頁面配置,因為其他頁面並非一定需要下拉刷新功能)

1 // list.json
2 
3 {
4   "enablePullDownRefresh": true
5 }

3. 在邏輯文件 js中添加功能

onReachBottom() {
  // 上拉加載邏輯
}

onPullDownRefresh() {
  // 下載刷新邏輯
  // wx.showLoading 或者 wx.showNavigationBarLoading() 作為交互提示
}

微信小程序scroll-view不能實現下拉刷新