使用jQuery滚动到div时如何添加/删除类？

Question

我想在用户到达div顶部时添加'opacity'类，并在div底部离开窗口时将其删除，反之亦然，以便向上滚动

目前，我的代码是一次将“ opacity”类添加到多个div中，而不是将其删除。我该如何解决？ 任何帮助将不胜感激

这是我到目前为止https://codepen.io/anon/pen/YgRXqX

 var topofDiv = $("#generationanxiety").offset().top; //gets offset div
 var height = $("#generationanxiety").outerHeight(); //gets height of div

 $(window).scroll(function(){
 if($(window).scrollTop() > (topofDiv + height)){
   console.log('This is where the div bottom leaves the window.')
   $('#generationanxiety').removeClass('opacity');
   }
  else{
   $('#generationanxiety').addClass('opacity');
  }
  });