bug说明:

Mint-ui中loadmore(上拉加载下拉刷新)组件 在 使用fastclick的情况下

,在ios设备中滑动会触发点击事件;

解决方法:

我是按需引入,去项目中找到loadmore下的index.js,全部引入的要找mint下面mint-ui.common.js

路径如下:你的项目名/node_modules\mint-ui\lib\loadmore\index.js

搜索 handleTouchEnd ,记得写event进去

handleTouchEnd: function handleTouchEnd(event) {...}
 

然后在down和up两个事件中加入 我标注的红字即可!

if (this.direction === 'down' && this.getScrollTop(this.scrollEventTarget) === 0 && this.translate > 0) {
event.preventDefault();
event.stopPropagation();
...
if (this.direction === 'up' && this.bottomReached && this.translate < 0) {
event.preventDefault();
event.stopPropagation();

...

困扰了很久终于搞定,同样遇到这个问题的小伙伴可以照我的方法去做了!!

转载于:https://www.cnblogs.com/web521/p/7815465.html

Mint-ui中loadmore(上拉加载下拉刷新)组件在ios中滑动会触发点击事件的解决方法...相关推荐

  1. 教你如何使用SwipeRefreshLayout来构建一个上拉加载下拉刷新框架

    前言: 基本上所以的移动端应用都有Listview(当然RecyclerView也一样),那必不可少的都会嵌入一个上拉加载下拉刷新的功能.这样能大大的减少用户的流量消耗,同样对于用户也有更好的用户体验 ...

  2. php微信小程序向下滑动,微信小程序功能实现:上滑加载下拉刷新

    本篇文章给大家带来的内容是关于微信小程序功能实现:上滑加载下拉刷新,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 之前谈到文章列表的数据加载,是一次性全部加载,这样是不友好的.这章介 ...

  3. php mescroll,mescroll.js上拉加载下拉刷新组件使用详解

    本文实例为大家分享了上拉加载下拉刷新组件mescroll.js的具体代码,供大家参考,具体内容如下 使用注意事项: 1.引入的时候出问题及时看官方给出的解决方案(基本上都必须看): 2.react中一 ...

  4. ios 上拉加载 下拉刷新

    在一款 App应用中有的时候会用到上拉加载下拉刷新的功能,本人觉得SVPullToRefresh很好用(可以用在UIScrollView上,包括UITableview和UICollectionView ...

  5. ionic上拉加载-下拉刷新

    ionic上拉加载-下拉刷新 1.上拉加载 <ion-infinite-scroll on-infinite="loadOlderStories()" distance=&q ...

  6. 图片自动轮播+上拉加载下拉刷新+侧滑菜单+小圆点

    //效果图如下 //添加权限 <uses-permission android:name="android.permission.INTERNET"></uses ...

  7. uniapp 自定义上拉加载下拉刷新组件

    介绍 该组件是结合uview框架写的,主要结合了里面的u-loadmore组件,可配置下拉刷新加载圈的颜色及背景色,暂无数据时的图等,突出的特点就是通过设置组件的高度,适配刘海屏iPhone,且支持嵌 ...

  8. Android 智能上拉加载下拉刷新框架之SmartRefreshLayout

    1.说明: SmartRefreshLayout的目标是打造一个强大,稳定,成熟的下拉刷新框架,并集成各种的炫酷.多样.实用.美观的Header和Footer.它不只是支持所有的View,还支持多层嵌 ...

  9. 开发者头条(五):实现recyclerview的上拉加载 + 下拉刷新

    学习Ansen的博客,原文:带你实现开发者头条APP(五)–RecyclerView下拉刷新上拉加载 ,这一篇写的很详细. 知识点 今天主要是实现recyclerview的上拉加载跟多和下拉刷新,依赖 ...

最新文章

  1. Silverlight for Windows Phone 7开发系列(2):第一个Silverlight程序
  2. TF之AutoML框架:AutoML框架的简介、特点、使用方法详细攻略
  3. 【转】early-z、z-culling、hi-z、z-perpass
  4. appium java 测试用例_如何在C#中使用Appium编写测试用例?
  5. mantis缺陷管理系统配置与安装
  6. 如何提取幻灯片表格_如何查看对Google文档,表格或幻灯片文件的最新更改
  7. pfSesne 使用IPv6与隧道代理
  8. Flex 4与自定义循环布局(转)
  9. 中小企业应该将云存储用于主数据吗?
  10. java删除文件夹部分内容_java 删除文件夹中的所有内容而不删除文件夹本身
  11. 输入年份和月份输出该月有多少天python_输入年份和月份,输出该月有多少天,判断这一天是该年的第几天...
  12. 史上最好听的十首纯音乐推荐
  13. php 三才五格计算,姓名、名字笔划算命五格测试算命计算方法
  14. Latex中subfloat设置子图标题字体大小
  15. 药物设计linux推荐,【经验交流】药物设计与研发专业平台系统之Discovery Studio 3.0(win)、Discovery Studio 3.5(linux)...
  16. MySQL练习题全部
  17. n(n-1)表示什么?n(-n)表示什么?
  18. 详解智能制造中的计算机视觉应用瓶颈问题
  19. 第六周工作周报销售_知新周报|第六周
  20. 小型极简主义 Linux 发行版:Peropesis

热门文章

  1. 【CodeForces - 706D】Vasiliy's Multiset(01字典树)
  2. 【牛客 - 369F】小D的剑阵(最小割建图,二元关系建图,网络流最小割)
  3. 【牛客 - 125A】灰魔法师(打表,暴力)
  4. java关闭文本_如何更优雅的关闭java文本、网络等资源
  5. php ip 合法,什么是合法ip地址
  6. android 链接分享到朋友圈,android 分享到微信朋友圈或微信好友
  7. c语言课程笔记格式,C语言课程学习笔记.docx
  8. Android入门(八) | 常用的界面布局 及 自定义控件
  9. leetcode1070. 产品销售分析 III(SQL)
  10. 数组名与指向数组的指针之间的联系与区别【数据结构】