移动端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 好听的元旦简短祝福语