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

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

我希望,当使用标准的互联网浏览器查看时,有一个固定的页眉和一个固定的页脚(它们总是在屏幕上可见),页面的内容可以在其间滚动.

我尝试了各种各样的组合,包括身体填充和排序(当在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的浏览器.

任何人 ？

解决方法

以下站点说明了此问题的状态.

http://bradfrostweb.com/blog/mobile/fixed-position/

作者提出了一些JavaScript解决方案.

> iScroll 4
> Scrollability
> Sencha Touch
> Jquery Mobile