jQueryのモバイル - グレーデッドスペース（画像）

Question

私のアプリへのリンク：http://gizeto.com/app_orange/index.html

これはorientationchangeに発生し、なぜ私は理解していません。誰がこれを認識していますか？

Answer 1

iScrollをスクロール可能領域として使用しているように見えます。これが事実であるなら、あなたはiScrollインスタンスを更新する必要がありますたびwindowオブジェクト上resizeまたはorientationchangeイベントが発生します：

var myScroll = new iScroll(); 

//you can change `resize` to `orientationchange` if you only want to support mobile devices 
$(window).bind('resize', function() { 
    myScroll.refresh(); 
}); 

出典：http://cubiq.org/iscroll-4#refreshmethod

この正しいiScroll面積を維持する必要がありますドキュメントのサイズが変更されたときのサイズそれはだ、それはあなたのテンプレートの高さのように思える

$(window).bind('resize', function() { 
    $.mobile.activePage.children('[data-role="content"]').height('{HEIGHT HERE}px'); 
    myScroll.refresh(); 
});