[英]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
元素位於絕對位置或固定位置,那么您應該應用上面的規則,或者您可以使用top
和bottom
(兩者都必須指定)。
如果它仍然無法工作,那么確保在DOM准備好后啟動你的IScroll對象,但考慮到它之前適用於你,這不是問題。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.