javascript改变position值实现菜单滚动至顶部后固定_javascript技巧

现在很多网站都有这样的一个效果，当页面滚动到一定高度时，菜单栏会固定在页面顶部。其实就是改变 position 的值。
html 代码：

复制代码 代码如下:

11111
22222
33333
44444
55555

menuFixed.js 代码：

复制代码 代码如下:

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

最后需要说明的是，该效果在 ie6 下不支持，因为 ie6 不支持 position:fixed;
PS：这是本人闲着无聊，通过自己所学的 javascript 知识，随意写的一些效果。