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 🔮