Scroll event not firing on md-content

[mackelito]

I need to fire a function on a scroll event... but the directive placed inside a md-content does not fire any scroll events?

el.on('scroll', loadData);

If I add this to the directive the scroll event works.. but other material directives stops working. (md-toolbar with the md-scroll-shrink attr)

 .productList{
    height: 100vh;
    overflow: scroll;
  }

Any ideas?

[ThomasBurleson]

Whenever possible, provide a CodePen demo.

[mackelito]

Took me some time to recreate it all but here you go :)

http://codepen.io/mackelito/pen/bErpPq

To make the scrolling directive work just remove the css for "list-of-people"...

[mackelito]

See that the "needs: demo" label is still on this issue... Let me know if the demo needs anything else!