Vuebar

Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on GGather.com.

The first Vue 2 custom scrollbar library that only enhances scrolling instead of reimplementing it with custom scroll behavior. Created by Dominik Serafin.

It uses native scroll events to detect and synchronize scrollbar position. This makes possible to hack into the native events of scrolling element without hassle.

It was built for GGather.com where it plays nicely with a lot of dynamic content changes and most importantly infinite scrolling and drag and drop features. And now after testing, fixes, improvements and added customization options - it's ready to be shared with the world.

Directive instead of a custom component, which saves a lot of headaches.
Native scroll events, no jankiness, no hijacking.
Simple to use, lightweight & performant.
Works in browser and also build (webpack, etc.) environments.
Compatible with all major browsers including IE9 and above.
Useful customization options.
No 3rd party dependencies.
Tested in production.

Live Demo

https://github.serafin.io/vuebar/

GitHub