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

相关文章

Android性能优化——之控件的优化 前面讲了图像的优化,接下...
前言 上一篇已经讲了如何实现textView中粗字体效果,里面主要...
最近项目重构,涉及到了数据库和文件下载,发现GreenDao这个...
WebView加载页面的两种方式 一、加载网络页面 加载网络页面,...
给APP全局设置字体主要分为两个方面来介绍 一、给原生界面设...
前言 最近UI大牛出了一版新的效果图,按照IOS的效果做的,页...