Question

谁能帮忙改一下这段js代码。改成jquery的。切换的时候加过度效果

js部分：

window.onscroll=function(){
var t=document.documentElement.scrollTop||document.body.scrollTop;
var div2=document.getElementById("div2");
if(t>= 150){
div2.className = "div2_1";
}else{
div2.className = "div2";
}
}

css部分：
.div2 {
width:1280px;
height:120px;
margin-top:0px;
background:url(images/bg.png) repeat-y;
}
.div2_1{
position:fixed;
width:1280px;
height:120px;
z-index:999;
top:0px;
background:url(images/bg.png) repeat-y;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
}

现在的效果就是网页滑块的时候，当距离顶部超过150的时候div就自动变为 position:fixed。但是这样的时候网页会卡一下。谁能帮忙改成jquery的方式。并且在切换css的时候加上过度效果。变成滑动的下拉和收缩的效果。
感谢。

Answer 1

//只是对你代码的翻译，没有看你以后的逻辑
 $(window).scroll(function(){
      var t=$('body,html').scrollTop();
      var div2=$("#div2");
      if(t>=150){
        div2.removeClass('div2').addClass('div2_1');
      }else{
        div2.removeClass('div2_1').addClass('div2');
      }
    });