基于滚动导致冲突分配类

时间:2017-11-13 16:26:33

标签: javascript jquery css

当用户根据可见的div滚动页面时,我需要添加/删除css类。

我有两个街区(白色和黑色)。 现在我这样做了:

$(window).scroll(function(event) {

   var scroll = $(window).scrollTop();

   if(scroll >= $('div.white').offset().top){
       //do things
   }

   if(scroll >= $('div.black').offset().top){
       //do things
   }
}

.white div跟随.black之后,当两个类之间存在交替时,会出现问题。我怎么能更好地写这个?

谢谢。

1 个答案:

答案 0 :(得分:0)

考虑到顶部偏移和元素高度,解决了编辑计算问题。

if(scroll >= $('.bianco').offset().top && scroll <= ($('.bianco').offset().top + $('.bianco').height()) ){
    //code to be executed
}

谢谢