HTML5實戰與剖析之移動端IOS系統收縮地址導航欄功能 – iPhone手機開發技術文章 iPhone軟體開發教學課程

  前些日子為大傢傾囊為大傢分享瞭一些有關移動端的結構與標簽的相關介紹,今天將繼續為大傢介紹的則是一個小小的功能,那就是移動端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的小知識,但是我認為還是和移動端有關,所以也在這裡講瞭。以上便是有關HTML5實戰與剖析之移動端IOS系統收縮地址導航欄功能的介紹,大傢以後再遇到這樣的需求的時候還是會比較方便的拿來就能用瞭。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *