betterScroll 上拉多次刷新的问题

最近项目使用了better-scroll这个插件,主要用到上拉加载数据。

主要监听pullingUp 事件来完成上拉功能,出现几个问题。

1.不同的上拉操作多次执行pullingUp事件,结果是执行多次到后台取数据。

2.在上拉操作过程中，滚动条还没有到达底部就执行pullingUp事件,体验不好。

我的解决思路是不使用pullingUp事件 使用touchEnd事件,

当maxScrollY总距离-pos.y 距离大于上拉需要当距离(例如50px) 在执行数据加载事件。

此处就不粘贴其他代码了，网上大把资料。

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,861评论 1赞 11
  • better-Bscroll
    谢谢作者的文章 非常喜欢 请允许收藏！ 博客园首页博问闪存新随笔订阅管理 vue之better-scroll的封装...
    peng凯阅读 16,607评论 2赞 5
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,961评论 1赞 45
  • 事件类型
    本节介绍各种常见的浏览器事件。 鼠标事件 鼠标事件指与鼠标相关的事件，主要有以下一些。 click 事件，dblc...
    许先生__阅读 7,224评论 0赞 4
  • 2017年4月看面试题记
    AMD 和 CMD 的区别有哪些？AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 ...
    竿牍阅读 3,964评论 0赞 1