Animated Scrolling For Angular 4+ – ngx-page-scroll

Author: Nolanus
Official Page: Go to website
Publish Date: November 3, 2017
License: MIT


The ngx-page-scroll provides animated scrolling functionality for angular app, written in pure typescript 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)


npm install ngx-page-scroll –save



You Might Be Interested In:

Add Comment