关于mescroll 无法下拉刷新,上拉加载的问题

官网：http://www.mescroll.com/

我用这个插件是因为 我的一个朋友说mescoll只有上拉功能。下拉功能无法使用，配置了也无效。所以 我就简单的用几分钟模拟了一下。一定是不完美的。希望能帮助别人哪怕一个人也好。

快速开始 :

1. 下载并引用 mescroll.min.css , mescroll.min.js（两种引用方式）

     
	   // 第一种:
		<link rel="stylesheet" href="https://img.ybl-group.com/mescroll/1.4.0/mescroll.min.css">
		<script src="https://img.ybl-group.com/mescroll/1.4.0/mescroll.min.js" charset="utf-8"></script>
		
		// 第二种:
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mescroll.js@1.4.0/mescroll.min.css">
		<script src="https://cdn.jsdelivr.net/npm/mescroll.js@1.4.0/mescroll.min.js" charset="utf-8"></script>
		       	

2. 拷贝以下布局结构 :

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

3. 固定mescroll的div高度. 推荐通过定位的方式,简单快捷: (点此查看其他方法)

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

4. 创建mescroll对象 （说真的功能太强大以至于看得有点头大，没关系最后有简单的代码࿰