1.4.0 • Published 2 years ago
@camdh/ion-custom-scrollbar v1.4.0
ion-custom-scrollbar
Installation
# on project root
npm i @camdh/ion-custom-scrollbarUsage
Import the module on top of your lazy loaded module and add it to the imports array on NgModule.
import { IonCustomScrollbarModule } from 'ion-custom-scrollbar'
@NgModule({
imports: [
...,
IonCustomScrollbarModule
],
declarations: [...]
})Configuration
You can pass a configuration object on ion-content using the scrollbar attribute.
| key | type | description | default value |
|---|---|---|---|
| width | number | track width in pixels | 8 |
| track | number | track opacity | 0.1 |
| trackHover | number | track opacity on hover | 0.1 |
| thumb | number | thumb opacity | 0.25 |
| thumbHover | number | thumb opacity on hover | 0.33 |
| all | boolean | apply style on mobile also | false |
Example
<ion-content [scrollbar]="{width:12,trackHover:0}">
...
</ion-content>Publish
# you just need to run the script
./publish