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

Question

我正在开发我的网站的移动版本,我正在我运行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的浏览器.

任何人 ？

Answer 1

似乎在Android 2.2+中仅部分支持 position:fixed ,如果您还添加了特定的元标记.你还应该注意到它在iOS下根本不受支持.但是有一些脚本可以模拟这种行为(我手边没有.)

Answer 2

以下站点解释了此问题的状态。

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

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

• 滚动4
• 滚动性
• 煎茶触摸
• jQuery 移动