jquery - jQuery Mobile-灰色のデッドスペース（画像）

Question

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

なぜこれが発生するのかわかりませんorientationchange。誰かがこれを認識していますか？

Answer 1

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

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 領域が正しいサイズに保たれます。iScroll コンテナー (この場合はdata-role="content"要素) がまだ高さを更新しない場合は、手動で行う必要がある場合があります。

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