usando iscroll con jquery mobile

Question

Actualmente estoy tirando de mi cabello tratando de obtener iscroll 4 trabajando con jQuery Mobile.

Todo funciona bien. Deshabilito la navegación por defecto de JQM ajax, pero me gustaría conservar esto.

Mi problema es que no puedo encontrar la manera de llamar/enlazar iscroll para que funcione con las páginas que los necesitan. He intentado pageinit() y pagecreate() en vano.

Cualquier apuntador muy apreciado.

A.

Answer 1

inicializo/refresh los casos en los iScroll pageshow y orientationchange eventos. Establecí una clase en data-role="content" divs que quiero que se pueda desplazar (en este caso utilicé la clase .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(); 
    } 
});