Overlay Scrollbar

Usage

The first step is to import the CSS file into your app:

import 'overlayscrollbars/overlayscrollbars.css';

Note: If the path 'overlayscrollbars/overlayscrollbars.css' is not working use 'overlayscrollbars/styles/overlayscrollbars.css' as the import path for the CSS file.

import 'overlayscrollbars/overlayscrollbars.css';

import { OverlayscrollbarsModule } from 'overlayscrollbars-ngx';

@Component({
  selector: 'app-layout',
  styleUrls: ['./layout.component.scss'],
  templateUrl: './layout.component.html',
  standalone: true,
  imports: [
    OverlayscrollbarsModule,
  ],
})
export class LayoutComponent  {}

<div class="main-container" [defer]="true" overlay-scrollbars>
  <router-outlet />
</div>

Reference

Reference