jQuery Mobile的 - 灰色死角（圖）

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區域的正確文檔大小發生變化時的尺寸。如果iScroll容器（在你的情況，這是data-role="content"元素）仍然沒有更新它的高度，那麼你可能需要做手工：

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