移动端上拉加载下拉刷新插件（亲测好用）

MingL520

于 2024-05-15 10:27:02 发布

阅读量71

点赞数

分类专栏：前端最新面试题以及日常实用插件文章标签： mescroll.js javascript

本文链接：https://blog.csdn.net/mingl520/article/details/138898168

版权

前端最新面试题以及日常实用插件专栏收录该内容

44 篇文章 2 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何使用mescroll.js在移动端实现上拉加载和下拉刷新功能，包括下载和引用资源，设置布局结构，固定div高度，创建mescroll对象及处理回调事件的方法。

摘要由CSDN通过智能技术生成

快速开始 :

1. 下载并引用mescroll.min.css , mescroll.min.js


		// 也可以用jsdelivr的CDN:
		<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>

2. 拷贝以下布局结构 :


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

3. 固定mescroll的div高度. 推荐通过定位的方式,简单快捷: