我隐藏/动态显示标题,只是注意到,当标题被隐藏时,视口被移动到顶部大约40个像素,这是显而易见的,但奇怪的行为现在是40像素的白色空间出现在内容的底部,因此我需要调整内容高度或更新排版,以告诉内容更新其高度。
为此,我已经尝试了几种方法,但它们不足以解决布局问题。
PS:我没有在页面div上使用页脚。
方法1:
$('.ui-header').hide().animate();
$.mobile.resetActivePageHeight();
方法2:
$('.ui-header').hide().animate();
$('[data-role=content]').trigger('refresh').trigger('updatelayout');
另外,我试图在隐藏标题后计算新的页面高度,并为内容$('.ui-content').height(newContentHeight);