jQueryモバイルでiscrollを使用する

Question

現在、jQuery Mobileで動作するiscroll 4を取得しようとしています。

JQM ajaxのデフォルトのナビゲーションは無効になっていますが、これを保持したいと思います。

私の問題は、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(); 
    } 
});