mui下拉刷新，无法滑动

最新推荐文章于 2024-02-23 15:27:55 发布

_(:* ｣∠)_alray

最新推荐文章于 2024-02-23 15:27:55 发布

阅读量1k

点赞数

分类专栏： mui 文章标签： javascript css 前端框架

本文链接：https://blog.youkuaiyun.com/weixin_41733299/article/details/121670201

版权

mui 专栏收录该内容

3 篇文章

订阅专栏

本文主要介绍了在开发过程中遇到的mui前端框架下拉刷新功能失效和内容显示不全的问题。首先确保HTML结构完整，类名和ID正确设置，如`mui-scroll-wrapper`和`mui-scroll`。其次，要正确引入mui的CSS和JS文件，并清除浏览器缓存以排除引用问题。此外，作者发现自己在list样式中设置了固定高度，导致无法下拉，移除该高度限制后问题得到解决。

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

由于在开发中，经常用到mui前端框架，所有经常犯了一些低级错误，业务流程都做出来了，可是下拉刷新的时候就是动不了，下面还有一些div没有显示出来，可是就是拉不下去。

1.首先得写上完整的html的mui代码，参考如下：

<div class="mui-scroll-wrapper " id="pullrefresh" >//class,id必须写
    <div class="mui-scroll" >//class必须写
        <div class="list">
            //放入list遍历数据
        </div>
    </div>
</div>

2.正确引入mui.js与mui.css

<link rel="stylesheet" href="/mui/css/mui.min.css" type="text/css" />
<script src="/js/mui/mui.min.js" language="javascript"></script>
//引入如果不起作用可以试试清除浏览器缓存，可能是浏览器缓存出问题

3.正确写js

这里的js太长了，博主就不写出来了，想看如何写js可以参考这篇文章：点击查看如何写mui下拉刷新，本篇文章就主要写mui为何不能下拉刷新

总结：首先得检查自己的html格式尤有没有正确，其次查看是否正确引入了mui的js和css，再有就是博主发现自己的一个错误，给中间遍历的list标签做了一个高度：

.list{
    width: 100%;
    padding: 13px 12px 0 16px;
    /* height: 600px; */
}

可能我做的时候没注意看就给加上去了，实在是粗心。

mui下拉刷新 ，无法滑动

mui下拉刷新，无法滑动