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?

Yonatan Naxon · Accepted Answer · 2016-03-22 10:22:39Z

5

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

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

answered Mar 22, 2016 at 10:22

Yonatan Naxon

6391 gold badge7 silver badges26 bronze badges

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

1 Comment

Rafique Mohammed Over a year ago

Awesome!! this is what i have been looking for!!

Gaurav Verma · Accepted Answer · 2018-05-02 08:55:38Z

1

try using onscroll event of javascript

answered May 2, 2018 at 8:55

Gaurav Verma

364 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:09:26Z

0

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!!

edited May 23, 2017 at 12:09

CommunityBot

11 silver badge

answered Mar 22, 2016 at 11:25

Prasanth-Ramanathan

744 bronze badges

Collectives™ on Stack Overflow

pure angularjs scroll event listener

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related