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

我希望在使用标准Internet浏览器查看时,具有固定页眉固定页脚(它们始终在屏幕上可见),并且页面内容可在两者之间滚动。

我尝试了各种填充和组合填充的组合(当在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
  • 10-05 20:42
    查看更多