MUI下拉刷新上拉加载实现

最新推荐文章于 2021-03-22 02:37:16 发布

慕容屠苏

最新推荐文章于 2021-03-22 02:37:16 发布

阅读量441

点赞数

CC 4.0 BY-SA版权

分类专栏：大前端爬坑之路 web移动端

本文链接：https://blog.csdn.net/kerryqpw/article/details/83622889

大前端爬坑之路同时被 2 个专栏收录

188 篇文章 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

web移动端

67 篇文章

订阅专栏

本文详细介绍了使用MUI框架实现下拉刷新和上拉加载功能的过程，包括必要的DOM结构搭建和JS代码实现，帮助读者掌握在移动端页面中集成这两种常见滚动交互的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MUI下拉刷新上拉加载实现

DOM结构

<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
				<div class="mui-content nodata" style="" id="yichuli_nodata">
						<img src="../images/nodata.png" >
						<p>暂无数据</p>
				</div>
				
				<div class="mui-scroll">
					<ul class="mui-table-view">
						
						
						
					</ul>
				</div>
			</div>

JS部分

mui.init({
    pullRefresh: {
        container: '#pullrefresh',
        down: {
            style: 'circle',
            callback: pulldownRefresh
        },
        up: {