移动端WebApp隐藏地址栏的方法
1、很多资料说,添加以下代码,可以隐藏地址栏,但我试了很多次,貌似不成功啊。
<metaname="apple-mobile-web-app-capable"content="yes"/>
2、我们可以通过另一种方法来隐藏地址栏。在页面加载完成之后滚动窗口,这个确实有效,唯一要注意的是页面高度必须够高,核心代码如下:
<scripttype="text/javascript">
addEventListener("load",function(){setTimeout(hideURLbar,0);},false);
functionhideURLbar(){
window.scrollTo(0,1);
}
</script>
3、但是当页面高度自适应窗口(height:100%),以上方法就不适用了,我们需要采用特殊方法:
$('div').css("height",window.innerHeight+100); //强制让内容超过
window.scrollTo(0,1);
$("div").css("height",window.innerHeight); //重置成新高度
document.addEventListener('touchmove',function(e){e.preventDefault();},false); //如果不想让页面滑动,可以加上这段代码
热门推荐
10 小学种植祝福语大全简短
11 弟弟暖屋祝福语简短
12 恭喜嫂子嫁女祝福语简短
13 征集粉丝祝福语简短幽默
14 祝愿高考成绩祝福语简短
15 新居致喜祝福语简短
16 职场寄语老师祝福语简短
17 酒吧祝福语男生朋友简短
18 生日毕业祝福语简短英文