vuepress-theme-vuescroll

Allow you to customize scrollbars in Vuepress

Usage no npm install needed!

<script type="module">
  import vuepressThemeVuescroll from 'https://cdn.skypack.dev/vuepress-theme-vuescroll';
</script>

README

Introduction

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

Who use this plugin ?

Usage

  1. Installation
  npm i vuepress-theme-vuescroll -S
  1. Config.js

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

module.exports = {
  theme: 'vuescroll'
};
  1. 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);
};
  1. That's all, you can use vuescroll in your own App!

Current Vuepress Version

0.14.2

License

MIT