Javascript 基于滚动分配类导致冲突

当用户根据visible 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

one时，就会出现问题。我怎样才能写得更好

---

谢谢。

解决了编辑计算时同时考虑顶部偏移和图元高度的问题

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

---

if（scroll>=$（'.bianco'）.offset（）.top&&scroll查找div.white的外光并添加。谢谢@sridharreddy您能给我一个例子吗？当white div跟随black div时，等待直到您滚动whitediv高度并添加/删除类。scroll>$（'div.white'）.offset（）.top+$（'div.white'）.outerlight（））