Ngx Page Scroll

screenshot of Ngx Page Scroll
angular

Animated scrolling functionality for angular written in pure typescript

Overview

The ngx-page-scroll library is an essential tool for Angular developers seeking to enhance user experience through animated scrolling. Written entirely in TypeScript without any external dependencies, this library integrates smoothly into existing Angular applications. Its flexibility allows for a seamless interaction with users by providing smooth transitions between sections, making navigation more intuitive.

Whether you are looking to trigger scroll animations after a component has loaded, or in response to specific events, ngx-page-scroll lets you customize the scrolling behavior to fit your needs. With rapid deployment and easy setup, developers can focus more on creating rich applications without compromising on navigation experience.

Features

  • Flexible Trigger Options: Initiate scroll animations based on component loading or server responses.
  • Easy-to-Use Directive: Simply add the pageScroll directive to link to an element with the href attribute (e.g., href="#mytarget").
  • Customizable Settings: Tailor the scroll duration, offset, and even stop scroll upon user interruption.
  • Custom Easing Functions: Implement your own easing functions for smooth scroll transitioning over time.
  • Cross-Route Functionality: Automatically scrolls to target elements upon completing routing, supporting both horizontal and vertical scrolling.
  • Compatibility Across Angular Versions: Each ngx-page-scroll version is compatible with specific Angular versions, ensuring smooth integration.
angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.