IE6 position: fixed 新问题

.cbfix{position:fixed; top:60px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)); margin-left:960px;

  ie6悬浮都是使用的expression这个方法。

  想在一个特定的高度开启和取消悬浮,所以弄了以下两个class。

.cbabs{position:absolute;top:200px;margin-left:960px;}
.cbfix
{position:fixed; top:60px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+40)); margin-left:960px;}

  然后用JQuery切换这两个class。

$(function() {
  $(window).scroll(function () {
    var Y = $(window).scrollTop();
    if (Y>160)
      $("#callback").attr("class","cbfix");
    else
      $("#callback").attr("class","cbabs");
  });
});

  结果发现IE6无法切回来,一直处于悬浮状态。百度到一个解决的方法,那就是“removeExpression”。

$(function() {
$(window).scroll(function () {
var Y = $(window).scrollTop();
if (Y>160){
  $("#callback").attr("class","cbfix");
}else{
  $("#callback").attr("class","cbabs");
  $("#callback")[0].style.removeExpression("top");
}
});
});

posted on 2012-02-29 09:57  daqi  阅读(216)  评论(1)    收藏  举报

导航