手机网页自动隐藏地址栏

  以前在用手机163邮箱的时候发现他们的网页刚进去的时候自动隐藏了地址栏，这样就表现的很像一个客户端，效果非常的不错。后来很多网站也做了这种效果，比如手机百度等，而最近我也在做一个手机网页需要在加载完毕时把地址栏隐藏掉，就google了一下，还真有，下面就是源码：

 

 1 window.onload=function(){
 2 
 3    var body=document.getElementById("body");
 4 
 5    body.style.height=window.innerHeight+100; //这是让body的内容高度设为高于浏览器文档显示区域高度
 6 
 7    window.scrollTo(0, 1);//设置滚动条
 8 
 9    body.style.height=window.innerHeight;//重新设置body的高度恢复原来的。
10 
11 };

 

 

但是测试发现，其实只需在加载完毕时设置滚动条就行了，那么代码就非常的简单了只需：

 

window.onload=function(){

   window.scrollTo(0, 1);//设置滚动条

};

 

 

这样就超级简单，scrollTo是把内容指定的某个位置，scrollTo（Xpos,Ypos）。Xpos要在窗口文档显示区左上角显示的文档的 x 坐标。Ypos要在窗口文档显示区左上角显示的文档的 y 坐标。