微信小程序上拉加载更多，下拉刷新，禁止下拉刷新

Myth丶恋晨 2021-07-24 19:21 1505阅读 0赞

一.

1.在app.josn中配置 “enablePullDownRefresh”: true,

20200513174051415.png

2.

  1. // 上拉
  2.   onReachBottom: function() {
  3.     console.log('上拉加载更多')
  4.   },
  5.   // 下拉
  6.   onPageScroll: function(e) {
  7.     console.log('下拉刷新')
  9.   },

二.禁止下拉刷新

1.在需要禁止的josn中配置 “enablePullDownRefresh”: false

20200513174418248.png

2.这样仍然会有一些型号手机会出现下拉白框，以下为解决代码：

  1. // 下拉
  2.   onPageScroll: function(e) {
  3.     if (e.scrollTop < 0) {
  4.       wx.pageScrollTo({
  5.         scrollTop: 0
  7.       })
  9.     }
  11.   },

发表评论

表情：
评论列表 （有 0 条评论，1505人围观）

还没有评论，来说两句吧...

相关阅读