Javascript 如果元素位于上div的下面-将类设置为“不可见”

我有Div在顶部页面300像素的高度和项目在ng重复。 如果元素Hello World部分或完全隐藏在top div的下面，我需要设置每个span元素的class no_可见。我怎么做

var app=角度。模块'plunker'，[]； 应用程序 .controller'MainCtrl'，函数$scope{ $scope.name='World'； $scope.items=[]；

---

forvar i=0；i=0&&rect.bottom=0&&rect.right在容器中设置元素，将此容器设置为溢出：hiddenno，谢谢。我需要为每个元素添加类，部分或全部位于上div下。是的，事实上。此window.onScroll事件应该从更高的控制器侦听。但我不明白为什么不使用overflow:hidden。上面的解决方案在移动浏览器、Internet Explorer等中会很混乱。因为我只显示我所有代码的简化结构，实际上不是每个跨度，我有复杂的div层次结构，如果父div部分隐藏在页面上的上div之上，我需要为这个层次结构的子div设置“不可见”类。

(function(){

angular.module('app')

//Each element has to be called "my-element"
.directive('myElement', function(){

  return {

     restrict : 'E',
     link : function(scope, element, attrs){

      //probably need to perfom this action on a event listener   

      window.on('scroll', function(){
           var top = $el.getBoundingClientRect().top;  
           if(top < 200){
               //Hide me
               element.hide();
           }
      }


     }
  };

});
})();