javascript - AngularJS if ng-repeat item is out of parent div - set class -

if item partially or not visible in parent div, need set class "novisible" invisible items (when user scrolling dynamic). how detect, items beyond of border parent div?

.item {  height:30px;  border: 1px solid #ff0000;  }

<div style="height: 300px; border: 1px solid; overflow: auto;">          <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>        <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>        <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>      <div class="item">item</div>  </div>