Animated Scrolling Functionality In Angular 2

Author: Nolanus
Publish Date:
Official Page: Go to website
License: MIT

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

Features:

  • 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)

Preview:

Animated Scrolling Functionality In Angular 2