MUI的下拉刷新控件分為兩種,一種是單webview模式,下拉刷新拖動(dòng)的是控件,整個(gè)webview不動(dòng),我個(gè)人感覺用戶體驗(yàn)不好,還有一種是雙webview模式,拖動(dòng)的是整個(gè)子webview,但是如果和scroll控件配合,有些app會(huì)有一種情況,就是子webview里面有一些東西按照設(shè)計(jì)是不能被上下拖動(dòng)的,那么這個(gè)時(shí)候應(yīng)該采用H5的方案,只要拖動(dòng)局部,局部下拉刷新即可,IOS上面和正常瀏覽器上面是采用H5方案的下拉刷新,MUI會(huì)自動(dòng)判斷運(yùn)行環(huán)境,從而選擇下拉刷新的方案,以下為強(qiáng)制采用H5下拉刷新的方案
首先:進(jìn)入到mui.js文件中,ctrl+f 查找 pullRefresh
如圖所示:
asdfsadfs獲.PNG
然后查找到:

捕sdafsdaf.png
找到以上這段代碼,這個(gè)就是刷新控件所在的位置了,然后往下翻,找到以下這段代碼
捕sdfafwqefqwe獲.PNG
這里最重要的就是我截的圖里面最后一句
else if($.os.android){
這個(gè)方括號(hào)里面的東西全部注釋掉
}
改成
$container.pullRefresh(pullRefreshOptions);
為了方便理解,特意截了張圖,行數(shù)大概就在那個(gè)行數(shù)了,用的是mui.js
不是mui.min.js,用的是沒有壓縮過的
捕dasfdsaf獲.PNG