Animated Scrolling Functionality In Angular 2

Author: Nolanus
Official Page: Go to website
Views Total: 1,545
License: MIT


Animated “scroll to element” functionality written in pure angular2 with no additional dependencies.


  • easy-to-use directive: scroll to an element referenced in the href-attribute (href="#mytarget) just by adding pageScrolldirective
  • service usage: trigger scroll animations from your component or when server responds
  • customizable: adjust duration, offset or whether scrolling stops if the user interrupts
  • use custom easing functions to calculate the scroll position over time
  • works across routes (scrolls to target element as soon as the routing has finished) and in both directions (horizontal/vertical)


Animated Scrolling Functionality In Angular 2

You Might Be Interested In:

Add Comment