A vuepress theme that you can use leverage vuescroll.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vuepress/theme
src
transformed
.babelrc
.gitignore
Layout.vue
README.md
enhanceApp.js
package.json

README.md

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