jQuery 모바일로 iscroll 사용하기

Question

현재 jQuery Mobile에서 iscroll 4를 사용하려고 시도 중입니다.

JQM 아약스 기본 탐색을 사용하지 않도록 설정하면 문제가 없지만이를 유지하고 싶습니다.

내 문제는 iscroll을 성공적으로 호출/바인딩하는 방법을 알아낼 수 없으므로 필요로하는 페이지와 함께 작동합니다. 나는 pageinit()와 pagecreate()를 사용하지 않으려 고 노력했다.

모든 포인터가 많이 감사하겠습니다.

A.

Answer 1

나는 /이 pageshow 및 orientationchange 이벤트에 iScroll 인스턴스를 새로 초기화합니다. 나는 data-role="content" div에 클래스를 설정하여 스크롤 할 수있게하고 싶습니다 (이 경우에는 .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(); 
    } 
});