android - 修复了移动版网站中的页眉和页脚

标签 android html css android-2.2-froyo mobile-website

我正在开发我的网站的移动版本,我正在运行 Froyo (2.2) 的 Samsung Galaxy S android 移动设备上进行测试。

我想在使用标准互联网浏览器查看时,有一个固定页眉和一个固定页脚(它们始终在屏幕上可见),内容为页面之间可滚动。

我尝试了各种带有 body 和各种填充的组合(在 pc 上的浏览​​器上查看时似乎有效),但似乎找不到解决方案。

有人可以帮忙吗?

注意:如果我尝试这样的事情:

<div id="header" style="position:absolute; top:0px; left:0px;height:200px;overflow:hidden;"></div> 
<div id="content" style="position:absolute; top:200px; bottom:200px; left:0px;overflow:auto;"></div> 
<div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px;overflow:hidden;"></div> 

页眉和页脚都是固定的,但内容不可滚动,例如它也似乎是固定的。

当然有可能是Android Froyo 2.2的浏览器。

有人吗?

最佳答案

似乎 position:fixed 只是 partially supported在 Android 2.2+ 中,如果您还添加了特定的元标记。您还应该注意它在 iOS 下完全不受支持。不过,有一些脚本可以模拟这种行为(我手边没有。)

关于android - 修复了移动版网站中的页眉和页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4760225/

相关文章:

java - Android使用GDK使用MultipartEntity上传图片

Android CookieManager getCookie 问题

android - 如何将android assets css文件加载到android WebView URL

javascript - 为 smoothscroll 添加上边距

带边距的CSS全高div?

java - 根据条件更改 ActionBar 中的图标

Android Wear 心率传感器原始光数据

html - 协议(protocol)相关 url 是否跨平台工作?

html - CSS中选择HTML文本节点的规则是什么?

javascript - 根据另一个选择器宽度动态增加和减少输入文本框的大小