手机网页自动隐藏地址栏

  以前在用手机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 坐标。

posted @ 2012-08-10 11:47  Maybe|Sky  阅读(291)  评论(0编辑  收藏  举报