隐藏标题会更改内容位置并在底部留下空白区域

时间:2014-10-13 08:25:44

标签: jquery-mobile

我隐藏/动态显示标题,只是注意到,当标题被隐藏时,视口被移动到顶部大约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);

指定新的高度

0 个答案:

没有答案