• Skip to main content
  • Skip to primary sidebar

Web Development Archive

  • Archive
You are here: Home / Archives for scroll

scroll

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

Filed Under: Angular Tagged With: scroll

Primary Sidebar

  • angular.io
© 2026 WP Flames - All Right Reserved