美文网首页
小程序tab切换,滚动加载,tab切换定位高度

小程序tab切换,滚动加载,tab切换定位高度

作者: 苏北苝 | 来源:发表于2020-05-26 17:13 被阅读0次

原理: swiper-item切换tabA和tabB,从A切换到B,先获取A的list的滚动条高度,存储为tabScrollTop1,如果B没有list,则请求B的数据,页面滚动到0;B有数据,则滚动到tabScrollTop2的位置;
如果从B切换到A,存储当前Btab下滚动条的位置为tabScrollTop2,切换到A,把滚动条的位置变成tabScrollTop1;
上拉加载:onReachBottom;
下拉刷新:onPullDownRefresh 注意要在json里配置"enablePullDownRefresh":true
完整代码

  // 上拉加载  
  onReachBottom: function() {
    if (this.data.currentTab == 0 && this.data.bol1 && this.data.next1) {      
      this.nextContent();
    } else if (this.data.currentTab == 1 && this.data.bol2 && this.data.next2) {     
      this.nextActivity();
    } else {
      return false;
    }
  },

至此,小程序总结篇初步完成,这篇感觉方法不太好,如何有更好的方法,请cue我,蟹蟹各位同行,嘻嘻嘻。

相关文章

网友评论

      本文标题:小程序tab切换,滚动加载,tab切换定位高度

      本文链接:https://www.haomeiwen.com/subject/vzywihtx.html