javascript改變position值實現選單捲動至頂部後固定_javascript技巧

現在很多網站都有這樣的效果，當頁面捲動到一定高度時，選單列會固定在頁面頂部。其實就是改變 position 的值。
html 代碼：

複製程式碼 代碼如下:

代碼如下:







head>

11111
22222
33333
44444
55555

menuFixed.js 代碼
：

menuFixed.js 代碼：

複製程式碼

程式碼如下:


function menuFixed(id){
var obj = document.getElementBy(id); 🎜>var _getHeight = obj.offsetTop;
window.onscroll = function(){
changePos(id,_getHeight);
}
}
function 🎜>var obj = document.getElementById(id);
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if(scrollTop 'relative';
}else{
obj.style.position = 'fixed';
}

}

最後需要說明的是，效果在ie6下不支持，因為ie6 不支持position:fixed; PS：這是本人閒著無聊，透過自己所學的javascript 知識，隨意寫的一些效果。