Mescroll.js
made with Vuejs

mescroll.js 是在 H5端 运行的下拉刷新和上拉加载插件，原生开发，支持Vue.js。

安装

Npm

npm install --save mescroll.js 

Yarn

yarn add  mescroll.js 

浏览器

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mescroll.js@1.4.1/mescroll.min.css">
<script src="https://cdn.jsdelivr.net/npm/mescroll.js@1.4.1/mescroll.min.js" charset="utf-8"></script>

使用

ES5

首先引入 mescroll组件

import MescrollVue from 'mescroll.js/mescroll.vue'

然后组件中使用：

<mescroll-vue ref="mescroll" :down="mescrollDown" :up="mescrollUp" @init="mescrollInit">
              <!--内容...-->
            </mescroll-vue>

浏览器

html:

<div id="mescroll" class="mescroll"> //id可以改,而"mescroll"的class不能删
        <div> //这个div不能删,否则上拉加载的布局会错位.(可以改成ul或者其他容器标签)
             //内容...
            </div>
        </div>

css :

.mescroll{
    position: fixed;
    top: 44px;
    bottom: 0;
    height: auto; /*如设置bottom:50px,则需height:auto才能生效*/
}

JS :

var mescroll = new MeScroll("mescroll",{/*options*/}；

更多选项请查看文档。

示例