在寫上篇隨筆的時候,突然想起來以前總結過的東西,拿出來分享下
遇到問題:
1.上拉載入後,出現沒有更多資料。這時候返回頂部:
mui('#refreshcontainer').pullrefresh().scrollto(0, 0, 100);
返回後,頁面會消失,其實是頁面又回到返回之前的(x,y)
解決辦法:mui('#refreshcontainer').pullrefresh().scrollto(1, 1, 100);
mui('#refreshcontainer').pullrefresh().refresh(true);//重新啟用
mui('#refreshcontainer').pullrefresh().endpulluptorefresh(nonebol);//關閉重新整理
重新整理不會結束,也無法繼續重新整理
解決辦法:
mui('#refreshcontainer').pullrefresh().endpulldowntorefresh();
mui('#refreshcontainer').pullrefresh().refresh(true);
3.官方文件下拉重新整理結束:
mui('#refreshcontainer').pullrefresh().endpulldown();
報錯mui(...).pullrefresh().endpulldown()不是function;
解決辦法:mui('#refreshcontainer').pullrefresh().endpulldowntorefresh();
版本更新了,老的mui.min.js不支援新的官方文件的方法
4.上拉下拉重新整理都是和重新整理容器一起做的
因為我的專案主要是ios,這個同時相容ios和android
坑1:如果是超出螢幕需要移動的頁面,巢狀在裡面的話,發現頁面不能移動:
(1).修改 的over-flow:scroll;坑來了,chrome的手機模式下正常了,到ios手機,頁面飛了
(2).開啟mui.init(
})這樣就可以了,應該是因為下拉重新整理容器的問題
5.mui('#refreshcontainer').pullrefresh().scrollto(1, 1, 100)後,滑動頁面時會出現兩根滾動條,且其中一條達到底部時,頁面直接到底;
(1)自己的解決辦法:
deceleration: 0.1, //flick 減速係數,係數越大,滾動速度越慢,滾動距離越小,預設值 0.0006
indicators: false //隱藏一條滾動條 增大減速係數。。。
});(2)好的解決辦法:
因為這個scrollto是每次移動的距離,是相對於當前的距離來移動的,而不是移動到絕對的距離。
let index = $(e.event.target).index();
let id = $(e.event.target).attr("href");
let top = $(id).offset().top - 200;
top = current_top - top;
此解決辦法原址
mui 下拉重新整理 上拉載入
動態禁止和恢復上下拉重新整理 留著做個demo 需要暫時禁止和恢復上下拉重新整理,我的初始化 如下 mui.init pullrefresh down 當我更改pullrefresh中的container為空 的時候,上下拉可以不起作用,但我需要在執行時臨時禁止和使能上下拉,試過如下的方法均不起作用...
mui上拉重新整理下拉載入
mui 上拉重新整理下拉載入 這裡我用到了乙個自己封裝的工具類來調mui post方法的 大家也可以用mui本身自己去呼叫 1.html 2.script var commonhelp new commonhelp mui.init up var pageno 1 var pagesize 5 上拉...
MUI關於上拉重新整理和下拉重新整理
下拉重新整理具體業務實現 function pulldownrefresh mui pullrefresh pullrefresh endpulldowntorefresh refresh completed 1500 該 為下拉重新整理的 mui pullrefresh pullrefresh e...