博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序实现安卓机下拉不刷新,ios下拉刷新操作(自定义底部tab栏在安卓机下拉)
阅读量:2167 次
发布时间:2019-05-01

本文共 780 字,大约阅读时间需要 2 分钟。

由于自定义底部tab栏在安卓机下拉时会跟随下滑,所以针对这种情况,就产生了一种解决方案,购物袋页面在安卓机下拉时不刷新,ios下拉时刷新。

思路:

1.不用小程序的下拉刷新~真正用的是onPageScroll,基于ios可以下滑时有一个滚动的效果但是安卓机没有这个特点实现的

代码:

1.json  禁止下拉属性

{  "usingComponents": {  },  "navigationBarTitleText": "购物袋",  "enablePullDownRefresh":false}

2.cart.js中添加滚动时刷新代码

onPageScroll: util.throttle(function (e) {    //throttle是一个指定时间内多次调用但只触发一次的时间方法    if (e.scrollTop<=0){      this.getCartList(); //刷新时调用的方法    }  },2000),

3.throttle方法(写在util.js中但是在cart.js中需要应用)

// 函数节流 防止用户多次点击触发function throttle(fn, gapTime) {  if (gapTime == null || gapTime == undefined) {    gapTime = 1500  }  let _lastTime = null  return function () {    let _nowTime = + new Date()    if (_nowTime - _lastTime > gapTime || !_lastTime) {      fn.apply(this, arguments)      _lastTime = _nowTime    }  }}

 

转载地址:http://qrpzb.baihongyu.com/

你可能感兴趣的文章
散落人间知识点记录one
查看>>
Leetcode C++ 随手刷 547.朋友圈
查看>>
手抄笔记:深入理解linux内核-1
查看>>
内存堆与栈
查看>>
Leetcode C++《每日一题》20200621 124.二叉树的最大路径和
查看>>
Leetcode C++《每日一题》20200622 面试题 16.18. 模式匹配
查看>>
Leetcode C++《每日一题》20200625 139. 单词拆分
查看>>
Leetcode C++《每日一题》20200626 338. 比特位计数
查看>>
Leetcode C++ 《拓扑排序-1》20200626 207.课程表
查看>>
Go语言学习Part1:包、变量和函数
查看>>
Go语言学习Part2:流程控制语句:for、if、else、switch 和 defer
查看>>
Go语言学习Part3:struct、slice和映射
查看>>
Go语言学习Part4-1:方法和接口
查看>>
Leetcode Go 《精选TOP面试题》20200628 69.x的平方根
查看>>
leetcode 130. Surrounded Regions
查看>>
【托业】【全真题库】TEST2-语法题
查看>>
博客文格式优化
查看>>
【托业】【新托业全真模拟】疑难语法题知识点总结(01~05)
查看>>
【SQL】group by 和order by 的区别。
查看>>
【Python】详解Python多线程Selenium跨浏览器测试
查看>>