scaccogatto / smooth-vuebar Goto Github PK

In Nuxt, when using the original SmoothScrollbar as a plugin, I could use @nuxtjs/device to detect if the device was a desktop.
On mounted, if true, I would initialize the SmoothScrollbar only for desktops, as in low-end mobile devices it slows down too much.

I would use this code:

mounted() {
  if (this.$device.isDesktop) {
    this.$Scrollbar.init(document.querySelector('#top'), {
      alwaysShowTracks: true
    })
  }
}

How can I do the same initialization with smooth-vuebar?

I'm having issues using this directive with Vue 3. Is that because it's not supported?

Uncaught TypeError: Vue.prototype is undefined
    install index.js:8
    node_modules runtime-core.esm-bundler.js:3264
    <anonymous> main.js:10
    js app.js:1310
    __webpack_require__ app.js:854
    fn app.js:151
    1 app.js:1383
    __webpack_require__ app.js:854
    checkDeferredModules app.js:46
    <anonymous> app.js:994
    <anonymous> app.js:997

Configuration:

import SmoothVuebar from "smooth-vuebar";
import { createApp } from "vue";
import App from "./App.vue";

createApp(App).use(SmoothVuebar).mount("#app");

Smooth scrollbar now offers over-scroll plugin. Any plans to include functionality for that into this wrapper?

https://github.com/idiotWu/smooth-scrollbar/blob/3983d796ad110454dd89a7107ae077e3abb87353/docs/overscroll.md

Could you create a demo of this package, I recommend something like codesandbox.

Thanks

Is there a way to use the css property position: fixed; on other elements?
When I use position: fixed; with the smooth-vuebar the elements wil not stay fixed (I think because the real overflow is not triggered?)

Thanks in advance