前些日子為大家傾囊為大家分享了一些有關移動端的結構與標簽的相關介紹,今天將繼續為大家介紹的則是一個小小的功能,那就是移動端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系統收縮地址導航欄功能的介紹,大家以後再遇到這樣的需求的時候還是會比較方便的拿來就能用了。