以前在用手机163邮箱的时候发现他们的网页刚进去的时候自动隐藏了地址栏,这样就表现的很像一个客户端,效果非常的不错。后来很多网站也做了这种效果,比如手机百度等,而最近我也在做一个手机网页需要在加载完毕时把地址栏隐藏掉,就google了一下,还真有,下面就是源码:
1 window.οnlοad=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.οnlοad=function(){ window.scrollTo(0, 1);//设置滚动条 };
这样就超级简单,scrollTo是把内容指定的某个位置,scrollTo(Xpos,Ypos)。Xpos要在窗口文档显示区左上角显示的文档的 x 坐标。Ypos要在窗口文档显示区左上角显示的文档的 y 坐标。