问题背景
MUI是一款流行的移动端UI框架，其下拉刷新功能在实际开发中经常使用。然而，使用MUI的下拉刷新后，很多开发者遇到了一个问题：页面不能滚动。
问题原因
这个问题的原因是MUI下拉刷新后，会给页面的body元素添加一个overflow:hidden的样式。这样一来，页面就无法滚动了。
解决方案
接下来，我将介绍两种解决这个问题的方法。
方法一：手动恢复滚动
第一种方法是手动恢复页面的滚动。在下拉刷新后的回调函数中，我们可以获取到页面的body元素，然后将其overflow属性设置为auto，即可恢复页面的滚动。
```
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
callback: function() {
// 下拉刷新回调函数
var body = document.querySelector('body');
body.style.overflow = 'auto';
// 其他操作
}
}
}
});
```
方法二：禁用MUI的滚动功能
第二种方法是禁用MUI的滚动功能，而使用其他方式实现页面的滚动。这种方法相对于方法一来说，需要编写一些额外的代码，但可以获得更大的自由度。
首先，我们需要禁用MUI的下拉刷新插件自带的滚动功能，可以通过修改源码的方式实现。在mui.min.js文件中，找到以下代码：
```
e(document).on("touchstart mousedown", i, function(e) {
if (n.ptr !== c) return;
"mousedown" === e.type && e.preventDefault(), n.target = e.targetTouches ? e.targetTouches[0] : e, t.touchstart(this)
});
```
将上述代码替换为：
```
e(document).on("touchstart mousedown", i, function(e) {
if (n.ptr !== c) return;
"mousedown" === e.type && e.preventDefault(), n.target = e.targetTouches ? e.targetTouches[0] : e
});
```
这样一来，就禁用了MUI的滚动功能。接下来，我们可以使用其他方式实现页面的滚动，比如使用第三方插件或自己编写滚动相关的代码。
总结
MUI下拉刷新后页面不能滚动的问题，可以通过手动恢复滚动或禁用MUI的滚动功能来解决。这两种方法各有优缺点，开发者可以根据具体需求选择适合自己的解决方案。
希望本文对解决MUI下拉刷新后页面不能滚动的问题有所帮助！