Detect scroll-event on every parent-element

Question

I have a directive which should detect a scroll-event on every parent element. The scrollable element could be div with overflow:scroll or the browser-window itself. So this solution does not work in all cases:

angular.element($window).bind("scroll", function() { ... });

Answer 1

You need to add some specific height for the div elements to scroll

For example:

div{
  height: 350px;    // Specify div height as you want
  overflow: scroll;
}