ng-scroller

ng-scroller

A Custom scroll bar component in angular with customization options

see Stackblitz Demo here

Angular compatibility

Angular Version	package version
angular 2.x.x - 11.x.x	0.0.1 and above

Usage steps

• Run npm i ng-scroller --save in command prompt from root of your project folder
• Add import to App Module like this import { NgScrollbarModule } from 'ng-scroller';
• Add to imports array in app module

   imports: [
    BrowserModule,
    NgScrollbarModule
   ],

• Then add <ng-scrollbar> component to where you want to add scroll

   <ng-scrollbar [options]="options"></ng-scrollbar>
  

options is optional

Customization

Options can accept multiple classes that will be added to parent containers. so pass appropriate classes

   interface Options {
    containerClass?: string;
    progressBarClass?: string;
}

Browsers support

IE / Edge	Firefox	Chrome	Vivaldi
IE11, Edge	last 8 versions	last 8 versions	last 5 versions

Author 🔮

Edison Augusthy 💻