if (jQuery.browser.msie && jQuery.browser.version == 6.0) {} else{ var FixedBox=function(el){ this.element=el; this.BoxY=getXY(this.element).y; } FixedBox.prototype={ setCss:function(){ var windowST=(document.compatMode && document.compatMode!="CSS1Compat")? document.body.scrollTop:document.documentElement.scrollTop||window.pageYOffset; if (windowST > this.BoxY) { //this.element.style.cssText = "position:fixed; top:0px; background-color:#cdcdcd;width:100%"; jQuery(this.element).addClass("mac_hd_nav_fixed"); } else { jQuery(this.element).removeClass("mac_hd_nav_fixed"); //this.element.style.cssText = ""; } } }; function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; }else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; } else { elm['on' + evType] = fn; } } function getXY(el) { return document.documentElement.getBoundingClientRect && (function() {//取元素坐标,如元素或其上层元素设置position relative var pos = el.getBoundingClientRect(); return { x: pos.left + document.documentElement.scrollLeft, y: pos.top + document.documentElement.scrollTop }; })() || (function() { var _x = 0, _y = 0; do { _x += el.offsetLeft; _y += el.offsetTop; } while (el = el.offsetParent); return { x: _x, y: _y }; })(); } var divA=new FixedBox(document.getElementById("headnav")); addEvent(window,"scroll",function(){ divA.setCss(); }); }