angular-custom-scrollbar

A custom scrollbar for Angular applications that can sync itself with other scrollbars and is small in size.

Usage no npm install needed!

<script type="module">
  import angularCustomScrollbar from 'https://cdn.skypack.dev/angular-custom-scrollbar';
</script>

README

Angular Custom Scrollbar

A custom scrollbar for Angular applications that can sync itself with other scrollbars and is small in size.

Click here for a demo

⚠ EXPERIMENTAL ⚠

  • No Y Track
  • Can have bugs
  • Optimized for single use-case
  • API may change
  • No "active" development

Usage

See Angular demo files directory

import { NgModule } from '@angular/core'
import { BrowserModule } from '@angular/platform-browser'

import { CustomScrollbarModule } from '../../../custom-scrollbar/src/lib/scrollbar.module'
import { AppComponent } from './app.component'

@NgModule({
  imports: [BrowserModule, CustomScrollbarModule],
  declarations: [AppComponent],
  bootstrap: [AppComponent],
})
export class AppModule {}

<custom-scrollbar>Your scrollable content goes here.</custom-scrollbar>

Code partially taken from ngx-scrollbar which is a little bloated with features for my use-case and does not support sync.