一般在列表页面 会先加载一定数量的数据 触发上拉加载这个动作的时候再陆续加载数据

假如上拉一次加载10条数据 在小程序中 你快速滑动页面触发加载这个事件的话 你会发现小程序卡着不动了 刚开始以为数据加载完了

仔细研究发现 快速滑动页面的时候 有时候是不会触发onReachBottom这个事件的 只要一次不触发 就必须下拉刷新过后才能再触发该事件

网上搜集资料后发现:

小程序的 onReachBottom 事件不能在350ms之内频繁触发 也就是说它有350ms的频率限制

我自认为目前最好的解决方法是:

触发这个事件的时候 提示个正在加载的文字或者代表加载中的icon 然后在函数里面延迟一定的毫秒数再来请求数据 这样就不会导致频繁触发了

转载于:https://www.cnblogs.com/luffyc/p/10576358.html

小程序 onReachBottom 事件快速滑动时不触发的bug相关推荐

  1. 移动端click事件无反应或反应慢 touchend事件页面滑动时频繁触发

    H5页面的点击事件click 无论在浏览器 iframe还是小程序里面 都会出现点击无反应或者反应慢的情况出现 所以决定用touchend事件来代替click 但是touchend事件触发比较灵敏 在 ...

  2. 小程序禁用ios 左右滑动_如何在使用应用程序时禁用iOS控制中心

    小程序禁用ios 左右滑动 The Control Center has proven to be a thoughtful and welcome addition to iOS, but it c ...

  3. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解

    bindtap就是点击事件 在.wxml文件绑定: cilck here 在一个组件的属性上添加bindtap并赋予一个值(一个函数名) 当点击该组件时, 会触发相应的函数执行 在后台.js文件中定义 ...

  4. 微信小程序wepy框架快速入门

    微信小程序wepy框架快速入门 微信小程序简介 微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一 ...

  5. 小程序自制自带滑动条的表格组件

    小程序自制自带滑动条的表格组件 在编写过程中遇到的难点 1. 表格的编写 2. 表格内容宽度固定 长度自适应 3. 滚动条逻辑及代码编写 4. 滚动条的卡段优化 5. 小程序组件的编写及应用 尾声 先 ...

  6. 微信小程序之手机号快速注册

    为提升小程序使用体验,帮助用户更便捷地获取服务,小程序开放手机号快速填写组件,非个人开发者的小程序完成认证后即可使用. 在新用户注册.联系方式登记等必要场景下,开发者均可在页面上部署手机号快速填写组件 ...

  7. 「微信同声传译」小程序插件:快速实现语音转文字、文本翻译、语音合成等能力...

    上期,我们在<「医院 LBS 位置服务」插件:输出LBS室内位置能力,为改善就医服务提供解决方案>一文中介绍了「医院 LBS 位置服务」小程序插件的意义.使用场景以及使用方法. 今天我们为 ...

  8. 万能门店小程序_门店小程序起名如何快速引流?

    一提起开店,或许就有很多的商家对起名时,思考了很久也没有一个很好的方法,对于店铺取名事关生意的事,是商家需要注意的,那么门店小程序起名如何快速引流?为门店小程序建立线上运营渠道提供帮助.下面就由小编为 ...

  9. 解决小程序onReachBottom在同屏只能触发一次的问题

    小程序onReachBottom在同屏只能触发一次,拉到底之后死活拉不动也加载不了了,所以需要另一个方法来解决,那就是–利用手势判断滑动方向. <view bindtouchstart=&quo ...

最新文章

  1. java数组与对象例题,Java的字符串和数组是以对象的形式出现的。()
  2. +[NSTimer scheduledTimerWithTimeInterval:repeats:block:]: unrecognized selector sent to xxx
  3. HTML跳转为啥会404,为什么网页会出现404 not found?
  4. Windows 程序基础
  5. 新版的Eclipse(Oxygen)安装完Subversive后,现时无法自动安装SVN Connector,无论选择哪个都会自动关闭。
  6. 图书馆管理系统Python+MySQL+tkinter图形化界面+管理员登录+学生登录(注释详细)
  7. 微信,世界上最成功的私链
  8. C语言 四则运算来喽!!小朋友的数学不再愁!
  9. 设计模式(二)—— 策略模式(其实就是面向接口编程的应用场景!)
  10. ecshop数据库表和字段的说明
  11. js正则匹配手机号、身份证号
  12. 实现网站对IP地址的限制访问
  13. 创意01:网上3D试衣间
  14. iOS开发之开源项目库总汇
  15. 【转载】SMPS开关电源有两种HFS(高频)和FTS(瞬响)
  16. Python数据挖掘过程
  17. 按字母A——Z排列的中国城市(地级市)json数据
  18. 利用Photoscan处理五目相机空三,并导出CC空三文件
  19. 丁昊 北大计算机,一只脚已跨进北大!苏州10位学生在全国出名了!
  20. Java设计模式之策略模式(UML类图分析+代码详解)

热门文章

  1. can通道采样频率_关于CAN通信速率设置
  2. 如果打开MSSQL server 显示无项目的解决方法
  3. numpy 索引,切片 ,转置,变值,多个数组的拼接
  4. WPF4文字模糊不清晰、边框线条粗细不一致的解决方法
  5. NPOI Excel 单元格背景颜色对照表
  6. 玩转shell命令行
  7. 使用git时提示Could not create directory #39;%USERPROFILE%/.ssh#39;.percent_expand:unkown key %U...
  8. 分布式存储 CentOS6.5虚拟机环境搭建FastDFS-5.0.5集群
  9. Python 2.7.X安装dpkt, sendpkt, pycap
  10. PAT1002. 写出这个数