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

Question

我正在开发一个与移动浏览器兼容的网站。所以我会设置页眉和页脚固定，这在桌面浏览器上工作正常，但是当我在 android 浏览器中打开时，页眉滚动和页脚不......这怎么可能？网站示例为:http://www.mimanchitu.it/prova/

Answer 1

一种方法是使用 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 的应用程序，并且效果很好。