<p align="center">
  <img height="165px" width="165px" style="text-align: center;" src="https://user-images.githubusercontent.com/8130692/64606830-d4006f00-d3cf-11e9-9874-c75269fa3a9c.png">
  <h1 align="center">Angular Custom Scrollbar</h1>
</p>

[![npm](https://img.shields.io/badge/demo-online-ed1c46.svg)](https://ngx-scrollbar.netlify.com/)
[![npm](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)
[![npm](https://img.shields.io/npm/dt/ngx-scrollbar.svg?maxAge=2592000?style=plastic)](https://www.npmjs.com/package/ngx-scrollbar)
[![npm](https://img.shields.io/npm/dm/ngx-scrollbar.svg)](https://www.npmjs.com/package/ngx-scrollbar)
[![npm](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.

___

### Version 6 has arrived

There isn't much changes in version 6, Only the smooth scroll functions has been modified and fixed, beside that there is no breaking changes.

#### Since version 5

- 📌 The documentation has been moved to the [wiki page](https://github.com/MurhafSousli/ngx-scrollbar/wiki) 📚
- ⚠️ To upgrade from version 4, see the [migration guide](https://github.com/MurhafSousli/ngx-scrollbar/wiki/migration-guide) :blue_book:
- ⚠️ If you are still using version 4, You can find the docs [here](https://github.com/MurhafSousli/ngx-scrollbar/blob/master/README_V4.md) and the demo [here](https://ngx-scrollbar-v4.netlify.com/), however it is not supported anymore.

## 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)
