NGX Scroll locker, the angular module of the page scroll lock component is to make the page scroll locking process transparent and easier.

ngx page scroll stackblitz, ngx page scroll not working, angular scroll module, ngx page scroll demo, angular scroll to element, page scroll in angular, ngx scrollbar

Single One Page Scrolling Website In Pure JavaScript | skrllr.js

How to make use of it:

Install:

npm install ngx-scroll-lock --save

1. You will need to add NgxScrollLockModule to your application module.

...
import { NgxScrollLockModule } from 'ngx-scroll-lock';
...
@NgModule({
  declarations: [
    YourAppComponent
  ],
  imports: [
    ...
    NgxScrollLockModule,
    ...
  ],
  providers: [],
  bootstrap: [YourAppComponent]
})

export class YourAppComponent {}

2. Then you can use the ngx-scroll-lock component in your templates, to pass the target element to the component itself and/or.

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"],
})
export class AppComponent {
  lock = false;
  target = "#my-element-with-scroll";
}

<ngx-scroll-lock [lock]="lock" [target]="target"></ngx-scroll-lock>
<div id="my-element-with-scroll"></div>

Angular Module For Page Scroll, NGX Scroll locker Plugin/Github

See Demo And Download

Official Website(willmendesneto): Click Here

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