@camdh/ion-custom-scrollbar

ion-custom-scrollbar

Installation

# on project root
npm i @camdh/ion-custom-scrollbar

• npm page: https://www.npmjs.com/package/@camdh/ion-custom-scrollbar

Usage

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