javascript ie6兼容position:fixed实现思路

.floating_9677{position:fixed; z-index:961; bottom:60px;} 
 
ie6下positon:fixed不起作用，只能靠js来实现了，首先在ie6下需要将position设置为absolute 
 代码如下:

position:fixed;bottom:60px;_position:abosulte; 
 
给浮动元素加一个属性标识，js通过这个属性能找到这些浮动元素。tag="floatNavigator" 
工作中浮动导航条主要通过top或者bottom来定位。 
 代码如下:

//ie6兼容position:fixed 
function fixedPositionCompatibility(){ 
//判断是否ie6浏览器 
if( $.browser.msie || parseInt($.browser.version,10) <= 6){ 
var vavigators = $("[tag='floatNavigator']"); 
if(!navigators.length)return; 
//判断每个浮层是靠顶部固定还是底部固定 
$.each(navigators, function(){ 
this.top = $(this).css("top"); 
this.bottom = $(this).css("bottom"); 
this.isTop = this.top == "auto" ? false : true; 
}); 
window.attachEvent("onscroll", function(){ 
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 
$.each(navigators, function(){ 
this.style.top = this.isTop ? scrollTop + parseInt(this.top) + "px" : scrollTop + $(window).height() - $(this).outerHeight() - parseInt(this.bottom) + "px"; 
}); 
}); 
} 
}