Page Scroll Event using angular

Question

I want to bind a page scroll event in my angular directive. I am trying the following code snippet. But it seems the event won't get fired:

angular.element($window).bind("scroll", function(e) {
    console.log('page scrolled');
});

I need help, how to achieve this?

Can you make sure that you've injected $window with your controller? also you can check with this existing plunker solution. — Immanuel Kirubaharan
– Immanuel Kirubaharan, Commented Sep 21, 2017 at 12:34
This seems to work as expected: plnkr.co/edit/VFOo1Beg7zpL0VCWWQRi?p=preview — maurycy
– maurycy, Commented Sep 21, 2017 at 13:03

dhilt · Accepted Answer · 2017-09-21 14:20:41Z

0

Instead of $window, you may inject $document wrapper for the browser's window.document (see the doc) and use

$document.bind('scroll', function(event) {
  console.log('page scrolled');
});

answered Sep 21, 2017 at 14:20

dhilt

21.1k8 gold badges79 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1