vue 自定义滚动条_使用本地滚动行为的自定义滚动条的Vue 2指令

vue 自定义滚动条

威巴 (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.

使用本地滚动行为的自定义滚动条的Vue 2指令。 轻巧，高性能，可定制且无依赖性。 在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.

第一个Vue 2自定义滚动条库仅增强了滚动，而不是通过自定义滚动行为重新实现。 由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.

它是为GGather.com构建的，可在其中进行很多动态内容更改，并且最重要的是具有无限滚动和拖放功能，可以很好地播放。 经过测试，修复，改进和添加了自定义选项后，现在可以与世界共享。

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.

指令而不是自定义组件，这省去了很多麻烦。 本机滚动事件，没有混乱，没有劫持。 易于使用，轻巧且性能卓越。 在浏览器中运行，还可以构建(Webpack等)环境。 与所有主要浏览器兼容，包括IE9及更高版本。 有用的自定义选项。 没有第三方依赖性。 经过生产测试。

现场演示 (Live Demo)

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

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

翻译自: https://vuejsexamples.com/vue-2-directive-for-custom-scrollbar-that-uses-native-scroll-behavior/

vue 自定义滚动条