mui 上拉載入 下拉重新整理異常 雙滾動條異常

2021-08-07 01:59:20 字數 1553 閱讀 4585

在寫上篇隨筆的時候,突然想起來以前總結過的東西,拿出來分享下

遇到問題:

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...