HTML5實戰與剖析之行動裝置IOS系統收縮網址導覽列功能

　　前些日子為大家傾囊為大家分享了一些有關移動端的結構與標籤的相關介紹，今天將繼續為大家介紹的則是一個小小的功能，那就是移動端IOS系統收縮地址導航欄功能。

        JavaScript代碼

// 它只有一个参数,该参数表示被调用的函数名(在页面加载完毕时执行的函数的名字)
    function addLoadEvent(func) {
        var oldOnload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        }
        else {
            window.onload = function() {
                oldOnload();
                func();
            }
        }
    }
// 添加Load事件处理
    addLoadEvent(hideMenu);
    function hideMenu() {
        setTimeout("window.scrollTo(0, 0)", 1);
    }
	
//以上代码是针对IOS系统的移动端收缩地址导航栏作用的（部分安卓机也可以）。核心代码其实就是一句：
//setTimeout("window.scrollTo(0, 0)", 1);意思是说将坐标移到(0,0)点在0.001秒后执行
//利用定时器，将窗口移动到内容端的最上端。从而隐掉地址导航栏。

以上就是HTML5實戰與剖析之移動端IOS系統收縮位址網列功能的內容，更多相關內容請關注