za pomocą iscroll z jquery mobile

Question

Im obecnie wyciągając moje włosy, próbując dostać iscroll 4 pracy z jQuery Mobile.

Wszystko działa dobrze, wyłączam domyślną nawigację JQM ajax, ale chciałbym to zachować.

Mój problem polega na tym, że nie mogę się dowiedzieć, jak skutecznie wywoływać/wiązać iscroll, więc działa on na stronach, które ich potrzebują. Próbowałem pageinit() i pagecreate() bez skutku.

Wszelkie wskazówki bardzo doceniane.

A.

Answer 1

zainicjować/odświeżyć instancje iScroll na wydarzeniach pageshow i orientationchange. Ustawiłem klasy na data-role="content" divs, które chcę przewijać (w tym przypadku użyłem klasy .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(); 
    } 
});