Jquery Window Scroll Active特定项目

时间:2014-06-07 23:17:24

标签: javascript jquery parallax.js

请检查我的编码!我想只激活一个将来自底部的项目。但是当我运行这段代码时,它会激活所有div。


  $(window).scroll(function(){
$('。parallax')。each(function(e){
如果($(窗口).scrollTop()< = 120){
$(本).addClass( '激活');
}
});
});

< div id =“home”class =“parallax”style =“height:600px; width:400%; display:block; border:1px solid#F00;”>
  < / DIV>
  < div id =“features”class =“parallax”style =“height:600px; display:block; border:1px solid#F00;”>
  < / DIV>
  < div id =“newsletter”class =“parallax”style =“height:600px; display:block; border:1px solid#F00;”>
< / DIV>

1 个答案:

答案 0 :(得分:0)

如果您查看以下代码:

 $('.parallax').each(function(e) {

   if($(window).scrollTop()<=120){
    $(this).addClass('active');
  }

}

实际意味着如果窗口顶部低于120,则所有&#39; .parallax&#39; 将设置为样式活动