解决ie6不支持position: fixed;导致无法滚动的办法

时间:2023-03-08 19:49:13
解决ie6不支持position: fixed;导致无法滚动的办法

<div id="im" style="top: 100px; position: fixed; left: 5px; border: 3px solid #0066CC; padding: 3px; text-align: center; background: #ffffff;width:132px;">   34344135465465  </div>

-------------------------解决ie6不支持position: fixed;导致无法滚动的办法---------------------------------------

if (navigator.userAgent.indexOf("MSIE 6.0") > 0){

//鼠标滚动事件  var scrollFunc=function(e){//获取函数代码

e=e || window.event;//判断浏览器兼容哪个方法

if(e.wheelDelta){//IE/Opera/Chrome

//   alert("监听成功!");

// alert(document.documentElement.scrollTop);

}      else if(e.detail){//Firefox

//  alert("监听成功!");

// alert(document.documentElement.scrollTop);

}

//解决浏览器问题
     var count=document.documentElement.scrollTop+document.body.scrollTop;
     var newheight=parseInt(count)+parseInt(110);
    $("#im").attr("style","background-image:url('image/big_bg.png'); border:none; position:fixed; _position:absolute; z-index:99; margin-left:800px;   padding: 3px; text-align: center; width:200px;height: 150px;top:"+newheight+"px;");
 };
 /* /*注册事件*/
  if(document.addEventListener){
   //mousewheel OR DOMMouseScroll
 document.addEventListener('DOMMouseScroll',scrollFunc,false);//W3C
 // document.addEventListener('mousewheel',scrollFunc,false);//360
  }
 else{
 document.onmousewheel=scrollFunc; //IE/Opera/Chrome */
 }
 }