Introduction

vuepress-theme-vuescroll is a vuepress theme plugin that allow you customize scrollbars by vuescroll in Vuepress.

Who use this plugin ?

• vuescroll offical website

• More... Welcome to tell me !

Usage

1. Installation

  npm i vuepress-theme-vuescroll -S

2. Config.js

To use a theme from an npm dependency, provide a theme option in .vuepress/config.js:

module.exports = {
  theme: 'vuescroll'
};

3. Create an enhanceApp.js in your .vuepress folder and write such code:

// enhanceApp.js

import { registry } from 'vuepress-theme-vuescroll';

export default ({ Vue, router, store }) => {
  // Your  options of most outside vuescroll.
  let ops = {
    bar: {
      background: '#3eaf7c'
    },
    rail: {
      gutterOfEnds: '60px'
    },
    scrollPanel: {
      scrollingX: false
    }
  };
  // THe version you would like to use.
  // default: vuescroll(mix)
  // options: slide, native
  const mode = 'native';
  // Tell vuescroll your option.
  registry(ops, mode);
};

4. That's all, you can use vuescroll in your own App!

Current Vuepress Version

0.14.2

License

MIT