utilizzando iscroll con jquery mobile

Question

Attualmente sto tirando i capelli cercando di ottenere iscroll 4 lavorando con jQuery Mobile.

Funziona tutto bene, disabilito la navigazione di default di JQM ajax, ma vorrei mantenere questo.

Il mio problema è che non riesco a capire come chiamare/iscroll correttamente, in modo che funzioni con le pagine che ne hanno bisogno. Ho provato pageinit() e pagecreate() senza alcun risultato.

Qualsiasi suggerimento molto apprezzato.

A.

Answer 1

inizializzo/aggiornare le istanze iScroll sulle pageshow e orientationchange eventi. Ho impostato una classe sui div di data-role="content" che voglio essere scorrevole (in questo caso ho usato la classe .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(); 
    } 
});