我正在开发网站的移动版本,并在运行 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解决方案。