iphone/android webapp 隐藏地址栏(全屏)解决方案

分类：手机开发| 发布：camnprbubuol| 查看： | 发表时间：2012/5/10

核心代码：window.scrollTo(0, 1);

要注意的几个点：这个方法要在内容加载完成后执行，换句话浏览器内容的高度要超过浏览器窗口高度（出现‘滚动条’）才有效。

针对这个高度自适应的窗口（height:100%），得用特殊方式解决:

//强制让内容超过
$('#main').css("height",window.innerHeight+100);
window.scrollTo(0, 1);
//重置成新高度
$("#main").css("height",window.innerHeight);
//非常重要，用于兼容不同机型，防止浏览器窗口移动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

另外，最后一行，用于阻止手动滚动页面

来源:http://jslover.com/?p=357

365据说看到好文章不转的人，服务器容易宕机！

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/mobile-dev/567.html

关于地图定位的请教——如何定位当前位置？(2012-5-10 10:29:5)
viewport的meta标签 Hi, Geir Ivarsøy/盖尔·伊瓦尔绥，永远祝福你！(2012-4-28 13:47:18)
企业版IDP的申请及“In House”发布(2012-4-18 15:21:20)
C#实现手机端和服务器端的数据交互(2011-12-15 16:12:13)
Android中的几种网络请求方式详解(2011-12-15 15:47:27)
收集18个优秀的Web和移动开发框架(2011-4-15 9:54:8)
asp.net的wap站输出WML以及相关设置(2011-3-2 15:20:27)
有些手机访问wap站不显示图片的对话(2011-3-2 14:46:14)
【转】 wap开发中输入框不能输入内容的解决方案(2011-3-2 14:41:26)

相关文章