微信小程序scroll-view不能實現下拉刷新
阿新 • • 發佈:2019-01-26
並且 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不能實現下拉刷新