vue2

@mr-scroll/vue2

The best custom scroll for the web.

This is the vue 2 wrapper. Check here (root of this repo) for an overview on mr-scroll.

Install

npm i @mr-scroll/core @mr-scroll/vue2

Note: If you're using css-theming, check the css-theming support package.

Usage

Register as a global component:

import { createApp } from 'vue';
import Scroll from '@mr-scroll/vue2';

const app = createApp(..options);
app.use(Scroll);

Register as a local component:

import Scroll from "@mr-scroll/vue2";

export default {
  name: "MyComponent",
  components: {
    "mr-scroll": Scroll,
  },
};

Import the global CSS styles (for example in your App.vue):

<style src="@mr-scroll/core/dist/styles.css"></style>

Use mr-scroll component:

<mr-scroll> Content </mr-scroll>

For more general usage info check the README in the root of this repo.