Press "Enter" to skip to content

Animated Scrolling Functionality for Angular In Pure Typescript

ngx-page-scroll is an angular scroll function written in solid typeface without any additional dependencies.

angularanimations, angular scroll animation, animate on scroll angular, ng2 animate on scroll, angular animate scroll to element, angular animation scroll to top


  • Flexible: Run scrolling animations after component loading, server response, etc.
  • User-friendly directive: scroll to an element referenced in the href attribute (href=”#mytarget) just by adding the pageScroll directive.
  • Customizable: set duration, offset, or whether scrolling stops if the user interrupts (read more).
  • Use custom mitigation functions to calculate scroll position over time.
  • Works across paths (scroll to target element once routing ends) and in both directions (horizontal/vertical).

How to make use of it:

First, you need to install the npm core module:

npm install ngx-page-scroll-core --save

Then add a NgxPageScrollModule to your app module’s import collection:

import { NgxPageScrollCoreModule } from 'ngx-page-scroll-core';

    imports: [
        /* Other imports here */
export class AppModule {

animated scrolling for angular library, ngx-page-scroll Plugin/Github, ng2 animate on scroll example, angular card animation

See Demo And Download

Official Website(Nolanus): Click Here

This superior jQuery/javascript plugin is developed by Nolanus. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.