现在很多网站都有这样的一个效果，当页面滚动到一定高度时，菜单栏会固定在页面顶部。其实就是改变 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 知识，随意写的一些效果。