Skip to content

magisters-cc/vue-smooth-scrollbar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Vue Smooth Scrollbar

Smooth Scrollbar for Vue.js projects. Based on @idiotwu's smooth-scrollbar.

Usage

1. Install dependency

npm install --save vue-smooth-scrollbar

2. Import component

// src/main.js
import Vue from 'vue'
...
import SmoothScrollbar from 'vue-smooth-scrollbar'
Vue.use(SmoothScrollbar)
...

3. Use component in your templates

<template>
  <smooth-scrollbar id="scroll-area">
    <div id="example-content"></div>
  </smooth-scrollbar>
</template>

<style>
#scroll-area {
  width: 500px;
  height: 500px;
}

#example-content {
  width: 2000px;
  height: 2000px;
}
</style>

Backlog

  • Plugin structure
  • Basic implementation
  • Options
  • Methods
  • Build dist
  • SSR / Nuxt
  • Events
  • Styling