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

Question

当用户

根据可见的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
   }
}

当两个类之间存在交替时，当.whitediv 跟着一个.black的div 时，就会出现问题。我怎样才能更好地写这个？

谢谢。

Answer 1

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

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

谢谢