我正在开发一个与移动浏览器兼容的网站。所以我会设置页眉和页脚固定,这在桌面浏览器上工作正常,但是当我在 android 浏览器中打开时,页眉滚动和页脚不......这怎么可能? 网站示例为:http://www.mimanchitu.it/prova/
最佳答案
一种方法是使用 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 - 如何定位固定在移动浏览器中的页眉和页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22412299/