使用iscroll與jQuery的移動

Question

我目前拉着我的頭髮試圖讓iscroll 4與jQuery Mobile合作。

這一切工作正常，我禁用JQM ajax默認導航，但我想保留這一點。

我的問題是我無法解決如何成功調用/綁定iscroll，因此它可以處理需要它們的頁面。我曾嘗試pageinit（）和pagecreate（）無濟於事。

任何指針非常讚賞。

A.

Answer 1

我初始化/刷新的pageshow和orientationchange事件iScroll實例。我在data-role="content" divs上設置了一個我想要滾動的類（在這種情況下，我使用了.content類）。

var myScroll = []; 
$(document).delegate('[data-role="page"]', 'pageshow', function() { 
    if ($.mobile.activePage.find('.content').length > 0) { 
     if (this.id in myScroll) { 
      myScroll[this.id].refresh(); 
     } else { 
      myScroll[this.id] = new iScroll($.mobile.activePage.find('.content')[0].id, { 
       hScroll  : false, 
       vScroll  : true, 
       hScrollbar  : false, 
       vScrollbar  : true, 
       fixedScrollbar : true, 
       fadeScrollbar : false, 
       hideScrollbar : false, 
       bounce   : true, 
       momentum  : true, 
       lockDirection : true 
      }); 
     } 
    } 
}); 

$(window).bind('orientationchange', function() { 
    if ($.mobile.activePage[0].id in myScroll) { 
     myScroll[$.mobile.activePage[0].id].refresh(); 
    } 
});