This is a basic package for customize ion-content element's scrollbar style.
Usage
app.module.ts
...
import { IonContentScrollbarModule } from 'ion-content-scrollbar';
@NgModule({
imports: [
...
IonContentScrollbarModule
],
})
scrollbarWidth Scrollbar's width and height value. Type: number, Default: 3
scrollbarColor Scrollbar Thumb's background color value. Type: string, Default: 'var(--ion-color-primary)'
scrollbarRound Scrollbar's Thumb's is rounded value. Type: boolean, Default: true.
firefoxThin Scrollbar's Thumb's is thin value (For Firefox). Type: boolean, Default: true.
firefoxBackground Scrollbar's background color value (For Firefox). Type: string, Default: 'transparent'
firefoxThumbColor Scrollbar thumb's background color value (For Firefox). Type: string, Default: 'var(--ion-color-primary)'
<ion-content appIonScrollbar [scrollbarWidth]="5" scrollbarColor="#000000" [scrollbarRound]="true"></ion-content>