pure angularjs scroll event listener

Question

i'm using angularjs WITHOUT jquery, and trying to create scroll event listener.

tried this approach:

  $rootScope.$watch(function() {
    return $window.scrollY;
  }, function(n,o) {
    console.log('scroll');
  });

but it dosen't work..

I managed to achieve this goal using this technique to create resize listener:

  $rootScope.$watch(function() { // Listens to window size change
    return $window.innerWidth;
  }, function(n, o) {
    console.log('resize');
  });

is there a proper way to create pure angularjs scroll listener?

score 5 · Accepted Answer · answered Mar 22 '16 at 10:22

5

creating scroll event listener, 'The Angular Way', is actually very simple, using $window:

$window.onscroll = function() {
  console.log('scroll');
};

answered Mar 22 '16 at 10:22

Yonatan Naxon

639
1
7
25

Awesome!! this is what i have been looking for!! – Rafique Mohammed Feb 27 '17 at 15:01

score 1 · Answer 2 · answered May 02 '18 at 08:55

1

try using onscroll event of javascript

answered May 02 '18 at 08:55

Gaurav Thakur

26
3

score 0 · Answer 3 · edited May 23 '17 at 12:09

Yes. your correct AngularJs provide $anchorScroll to scroll across the page but not that much effective. You can either go top or bottom like this. If you want scroll at particular position across vertical or horizontal $anchorScroll doesn't have that option. You have to go for normal javascript even for animation also. If you would like to explore more in Angular Scroll please have a look at this answer. Grate!!

pure angularjs scroll event listener

3 Answers3