簡體   English   中英

升級到iScroll5后,iScroll on ios不起作用

[英]iScroll on ios doesn't work after upgrading to iScroll5

我有一個用於ipad的cordova應用程序,它使用iScroll在頁面之間滾動。
一切正常,直到我升級到iScroll5。 我改變了我的代碼,使用新的構造函數和參數,但它仍然無效。 它根本不滾動。
我不知道我是否遺漏了一些明顯的東西,但我找不到有關升級的詳盡文檔。

這是我之前使用它的一個例子(iScroll4):

var options = {hScroll:false, hScrollbar:false, snap:true, onScrollEnd: updatePages(), momentum: false};
var scroller = new iScroll("wrapper", options);  

這就是我現在使用它的方式(iScroll5):

var options = {scrollX: false, snap: true, momentum: false};  
var scroller = new IScroll("#wrapper", options);  
scroller.on("scrollEnd", updatePages());

任何幫助是極大的贊賞! 謝謝!

首先,首先,在您的“scrollEnd”事件中,而不是將updatePages()函數作為參數傳遞,您正在調用它。 因此,當頁面加載不在scrollEnd上時,它只會運行一次。 您應該將其更改為:

scroller.on("scrollEnd", updatePages);

如果僅靠這一點無法解決您的問題,那么您應該檢查您的CSS。

來自iscroll.js文檔:

[...]請記住腳本需要知道滾動區域的高度/寬度。

這意味着:

  • 如果你的#wrapper元素是相對的或靜態的,那么你應該用一些相對單位明確定義高度(%不起作用)。

  • 如果您的#wrapper元素位於絕對位置或固定位置,那么您應該應用上面的規則,或者您可以使用topbottom (兩者都必須指定)。

如果它仍然無法工作,那么確保在DOM准備好后啟動你的IScroll對象,但考慮到它之前適用於你,這不是問題。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM