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(); 
});