OverlayScrollbars

OverlayScrollbars is a lightweight JavaScript plugin designed to replace native scrollbars with customizable overlay scrollbars that retain the native scrolling behavior and feel. It offers a simple, well-documented API and supports high browser compatibility, including Firefox 59+, Chrome 55+, Opera 42+, Edge 15+, and Safari 10+. The plugin is fully accessible, supporting all input types like mouse, touch, and pen, and can run on the server side for SSR, SSG, and ISR scenarios. It is dependency-free, written in TypeScript, and supports treeshaking for optimized bundle sizes. Users can style scrollbars easily using CSS custom properties, choose themes, and customize scrollbar behavior such as auto-hide, drag, and click scrolling. Initialization is explicit per element, with options for server-side rendering and avoiding flickering during setup. The plugin also supports various plugins for extended functionality, such as hiding native scrollbars or observing size changes. Events like initialization, updates, destruction, and scrolls are dispatched, enabling integration with other scripts. Overall, OverlayScrollbars provides a flexible, high-performance solution for modern web interfaces needing custom scrollbars.