方法1、通过CSS代码如下:
<html>
<head>
<style>
.TOP_TOOLBAR,
.BOTTOM_TOOLBAR {
height: 50px; width: 100%; position: absolute;
}
.TOP_TOOLBAR {
top: 0;
}
.BOTTOM_TOOLBAR {
bottom: 0;
}
.SCROLLER_FRAME {
width: 100%; position: absolute; top: 50px; bottom: 50px;
}
</style>
</head>
<body>
<div class=”TOP_TOOLBAR”>
... toolbar content ...
</div>
<div class=”SCROLLER_FRAME”>
<div class=”SCROLLER”>
... scrollable content ...
</div>
</div>
<div class=”BOTTOM_TOOLBAR”>
... toolbar content ...
</div>
</body>
</html>
方法2、通过脚本计算屏幕的高度与宽度以及头部工具栏和底部工具栏的高度,确定中间内容区域的高度,代码如下:
function SetHeight() {
var headerH = document.getElementById('index_header').offsetHeight;
var footerH = document.getElementById('index_footer').offsetHeight;
var contentH = 0;
var tUserAgent = navigator.userAgent;
//由於Windows Phone不支援windows.innerHeight語法,改用screen代替
if (tUserAgent.indexOf("Windows Phone") != -1) {
contentH = screen.availHeight - headerH - footerH;
}
else {
contentH = window.innerHeight - headerH - footerH;
}
document.getElementById("index_content").style.height = contentH + "px";
}
分享到:
相关推荐
phonegap+android--配置教程_files
如何快速搭建一个不用原生js的移动应用平台,集打包,开发,发布一体。这个文档非常不错哦 不会的可以问我, 也可以给我留言哦.
android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建android+Phonegap开发环境搭建
如果你不是研究phoneGap和sencha的就别下载啊!浪费你的积分了!
该源码是使用phonegap加jquery mobile开发基于html5 css3的应用的项目例子。可以很好的来学校jquery mobile。
phoneGap是不会手机开发的人员可以进使用JS+html来进行手机开发 使程序员们可以跨编程语i言进行各种平台的手机开发了
phonegap性能优化 以及phonegap + Angularjs + ionic 移动app开发介绍
phonegap4.1+android环境配置
我成功安装上了。部分插件是在线更新的。在eclipse里安装sdk。文档很详细,链接都给了。
PhoneGap+jQueryMobile开发Android应用实例,搭建开发环境
用PhoneGap+jQueryMobile开发Android应用实例,很好的android开发学习教材。
phonegap+websocket+tomcat实现移动终端推送功能 ,android版
PhoneGap+开发指南
phonegap+jqueryMobilejs源码项目
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip源码资源下载
PhoneGap+Jquery mobile,完整开发代码.
一个简单的实现sencha touch+phonegap集成的混合开发代码案例
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.rar
jQuery+Mobile+和+PhoneGap+集成开发 教你如何轻松建一个手机版网页
Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载Android Phonegap+HTML5+CSS3+jQuer简单界面模板示例及源码.zip项目安卓应用源码下载 1.适合学生毕业设计研究参考 2.适合个人学习...