Angular Custom Scrollbar

[![Demo](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://ngx-scrollbar.netlify.com/) [![Stackblitz](https://img.shields.io/badge/stackblitz-online-orange.svg)](https://stackblitz.com/edit/ngx-scrollbar) [![Backers on Open Collective](https://opencollective.com/ngx-scrollbar/tiers/backers/badge.svg?label=Backers&color=brightgreen)](#sponsoring-ngx-scrollbar) [![npm](https://img.shields.io/npm/v/ngx-scrollbar.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/ngx-scrollbar) [![Build Status](https://travis-ci.org/MurhafSousli/ngx-scrollbar.svg?branch=master)](https://www.npmjs.com/package/ngx-scrollbar) [![Downloads](https://img.shields.io/npm/dt/ngx-scrollbar.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/ngx-scrollbar) [![NPM Downloads](https://img.shields.io/npm/dm/ngx-scrollbar.svg)](https://www.npmjs.com/package/ngx-scrollbar) [![License](https://img.shields.io/npm/l/express.svg?maxAge=2592000)](/LICENSE) Custom overlay-scrollbars with native scrolling mechanism for Angular, it also provides a cross-browser smooth scroll directive. ___ ### The documentation is available at the [wiki page](https://github.com/MurhafSousli/ngx-scrollbar/wiki) 📚 ___ ## Features - Super easy to use - Native scrolling mechanism - Highly customizable - Smooth scroll - Reached events - Resize sensor - Easy integration - Mobile support - RTL support - Universal support - Ivy engine support - Auto-height ## Compatibility - This package doesn't support IE11 - For **Angular < 8**, use the legacy version `ngx-scrollbar@4.2.0` (unsupported). - [Docs v4](https://github.com/MurhafSousli/ngx-scrollbar/blob/master/README_V4.md) - [Demo v4](https://ngx-scrollbar-v4.netlify.com/) - [Stackblitz v4](https://stackblitz.com/edit/ngx-scrollbar-v4) ## Issues If you identify any errors in the library, or have an idea for an improvement, please open an [issue](https://github.com/MurhafSousli/ngx-scrollbar/issues). ## Sponsoring ngx-scrollbar [![Backers on Open Collective](https://opencollective.com/ngx-scrollbar/tiers/backers/badge.svg?label=Backers&color=brightgreen)](#sponsoring-ngx-scrollbar) ### Sponsors Become a sponsor and get your logo on our README on GitHub and the front page of [https://ngx-scrollbar.netlify.com/](https://ngx-scrollbar.netlify.com/). [![Sponsors on Open Collective](https://opencollective.com/ngx-scrollbar/tiers/sponsors.svg?avatarHeight=64)](https://opencollective.com/ngx-scrollbar/contribute/sponsors-11015/checkout) ### Backers Become a backer and get your logo on our README on GitHub. [![Backers on Open Collective](https://opencollective.com/ngx-scrollbar/tiers/backers.svg?avatarHeight=64)](https://opencollective.com/ngx-scrollbar/contribute/backers-11014/checkout) ## Author - Murhaf Sousli [Github](https://github.com/MurhafSousli), [Twitter](https://twitter.com/MurhafSousli) ## More plugins - [ngx-sharebuttons](https://github.com/MurhafSousli/ngx-sharebuttons) - [ngx-gallery](https://github.com/MurhafSousli/ngx-gallery) - [ngx-progressbar](https://github.com/MurhafSousli/ngx-progressbar) - [ngx-scrollbar](https://github.com/MurhafSousli/ngx-scrollbar) - [ngx-bar-rating](https://github.com/MurhafSousli/ngx-bar-rating) - [ngx-disqus](https://github.com/MurhafSousli/ngx-disqus) - [ngx-wordpress](https://github.com/MurhafSousli/ngx-wordpress) - [ngx-highlightjs](https://github.com/MurhafSousli/ngx-highlightjs) - [ngx-teximate](https://github.com/MurhafSousli/ngx-teximate)