sử dụng iscroll với điện thoại di động jquery

Question

Im hiện đang kéo tóc của tôi ra cố gắng để có được iscroll 4 làm việc với jQuery Mobile.

Tất cả hoạt động tốt, tôi vô hiệu hóa điều hướng mặc định JQM ajax nhưng tôi muốn giữ lại điều này.

Vấn đề của tôi là tôi không thể biết cách thực hiện thành công/ràng buộc iscroll để nó hoạt động với các trang cần chúng. Tôi đã thử pageinit() và pagecreate() vô ích.

Bất kỳ con trỏ nào được đánh giá cao.

A.

Answer 1

tôi khởi tạo/làm mới các trường hợp iScroll trên pageshow và orientationchange sự kiện. Tôi đặt một lớp trên số data-role="content" số div mà tôi muốn cuộn được (trong trường hợp này tôi đã sử dụng lớp .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(); 
    } 
});