如何使用原生js实现下拉刷新上拉加载

使用原生js实现下拉刷新上拉加载,以便完美运用于android,ios,兼容手机及PC主流浏览器,并且支持vue,真正实现一套代码多端运行.

操作方法

  • 01

    下载并引入 mescroll.min.css , mescroll.min.js

  • 02

    拷贝以下布局结构: <div id="mescroll" class="mescroll"> //列表内容,如:<ul>列表数据</ul> ... </div>

  • 03

    创建MeScroll对象: var mescroll = new MeScroll("mescroll", { down: { callback: downCallback //下拉刷新的回调 }, up: { callback: upCallback //上拉加载回调 } });

  • 04

    处理回调:

(0)

相关推荐

  • ie8/9下Activex控件无法加载的两种解决方法

    activex控件无法加载怎么办?activex控件是网页的加载等问题的重要软件组件,但是activex无法加载怎么解决呢?下面绿茶小编为大家带来解决方法。 IE8/IE9下Activex 控件不能加 ...

  • Win10下Windows Media Player无法加载字幕的解决方法

      Win10下Windows Media Player无法加载字幕的解决方法: 1.首先安装第三方解码包,我使用的是ADVANCED Codecs(windows 10 codecs); 2.然后删 ...

  • Win10系统下如何使用虚拟光驱加载ISO镜像

    Win10系统下如何使用虚拟光驱加载ISO镜像?下面,小编为大家介绍Win10使用虚拟光驱加载ISO镜像的具体方法. 方法如下: 虚拟光驱能够加载和运行ISO镜像文件,ISO镜像文件就是我们平常所见的 ...

  • 在Win8下如何启动无加载项的IE10浏览器

    IE 在此模式下可以判断浏览器是否由于加载了插件、恶意软件以及 ActiveX 控件等而引起了网页工作不正常、浏览器无法工作、软件冲突等问题。 但是到了 Windows 8 系统下,由于取消了开始菜单 ...

  • 在Win8下启动无加载项的IE10浏览器

    IE 在此模式下可以判断浏览器是否由于加载了插件、恶意软件以及 ActiveX 控件等而引起了网页工作不正常、浏览器无法工作、软件冲突等问题。 但是到了 Windows 8 系统下,由于取消了开始菜单 ...

  • win10系统下使用premiere给视频加字幕

    premiere是一款十分受欢迎的视频编辑软件,功能非常强大.那么,premiere的字幕功能怎么用?我们该如何给视频加载字幕呢?接下来,小编就以windows10正式版系统为例,给大家介绍使用pre ...

  • 移动端上拉刷新、下拉加载更多插件

    移动端上拉刷新.下拉加载更多插件 操作方法 01 下       载   dropload.min.js, dropload.css 下载地址   https://github.com/ximan/d ...

  • 用原生JS脚本如何为Table添加行?

    之前介绍过用 Jquery为table添加行.如果你没有使用Jquery插件,或者对Jquery不熟悉,那么能用原生的JS脚本为Table添加行吗? 可以的,下面我们一起来看下怎么写. 操作方法 01 ...

  • 手机UC浏览器软件中仅在WiFi网络下自动刷新如何设置

    有的小伙伴在使用UC浏览器软件时,想要设置仅在WiFi网络下自动刷新,以免消耗大量流量,那么如何进行设置呢?小编就来为大家介绍一下吧.具体如下:1. 第一步,点击并打开UC浏览器软件.2. 第二步,来 ...