Jquery Mobile隐藏标题

Question

如果窗口高度小于宽度，我有一个隐藏标题的页面。这是我的代码。

if ($(window).width()> $(window).height()){
$("#header").hide();
}

这是输出

正如您所见，标题是隐藏，但标题未删除的空间。我的问题是如何在隐藏标题后删除空格？

Answer 1

这是因为您的标题中有data-position="fixed"

因此您需要将margin-top css添加到您的内容中，以使标题高度向上移动。你可以动态地做到这一点。当您调整大小时，您可以将边距重置为0px

<强>演示

http://jsfiddle.net/scrva2hz/

<强> Jquery的

var headheight = $（＆＃34;＃header＆＃34;）。height（）;

$(window).on('resize', function(){
if ($(window).width()> $(window).height()){
$("#header").hide();
$(".ui-content").css("margin-top", "-"+headheight+"px");
}
else {
$("#header").show();
$(".ui-content").css("margin-top","0px");   
}
});