Custom scroll bar component with customization options
npm install ng-scrollerA 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 |
npm i ng-scroller --save in command prompt from root of your project folderimport { NgScrollbarModule } from 'ng-scroller'; ``ts`
imports: [
BrowserModule,
NgScrollbarModule
],
- Then add component to where you want to add scroll`
html`
> options is optional
##### Customization
Options can accept multiple classes that will be added to parent containers. so pass appropriate classes`ts``
interface Options {
containerClass?: string;
progressBarClass?: string;
}
|
IE / Edge |
Firefox |
Chrome |
Vivaldi |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge | last 8 versions | last 8 versions | last 5 versions |
![]() Edison Augusthy 💻 |