Css 如何在移动浏览器中定位固定的页眉和页脚

我正在开发一个与手机浏览器兼容的网站。所以我会将页眉和页脚设置为固定，这在桌面浏览器上运行良好，但当我在android浏览器中打开时，例如，页眉滚动和页脚不。。。。怎么可能呢？

---

网站示例是：

一种方法是使用Jquery或Javascript。 您需要计算屏幕的高度，然后计算页眉和页脚的高度，在您退出所有这些之后，您将获得内容的高度

大概是这样的：

var screenHeight=$(window).height();
var headerHeight=$("#idHeade").height();
var footerHeight=$("#idFooter").height();
var total=screenHeight-headerHeight-footerHeight;

$("#content").css("height",total);

然后你在内容中加入一个scrool，就这样。我将其用于带有phonegap的应用程序，效果非常好。

这是CSS

#header, #footer {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    position: fixed;
}

试试这个：

document.getElementById("footer").style.position = "fixed";

---

为我工作

请始终在问题中添加您的代码，但我不理解移动浏览器之间的区别！为什么页脚保持固定而页眉不固定呢！你在用JqueryMobile吗？或者只是CSS？我使用jquery普通版，不适用于手机！我不喜欢它！有js或类似的解决方案吗？我给你的解决方案是js解决方案，我问你是否使用了Jquery Mbile，因为这是一个comun问题，你不需要JavaScript来做这件事。CSS有媒体查询。