vue-touch-scroll v0.0.2-alpha11

vue-touch-scroll

A plugin scroll cross browser for Vue.js

Table of Contents

• Installation
• Usage
• License

Installation

npm install vue-touch-scroll

or if you prefer CDN

<script type="text/javascript" src="https://unpkg.com/vue-touch-scroll@latest/dist/vue-touch-scroll.js"></script>

Usage

Global

import { use } from "vue"
import VueTouchScroll from "vue-touch-scroll"

use(VueTouchScroll)

<vue-touch-scroll type="vertical">
   <!-- Content -->
</vue-touch-scroll>

or

<div v-touch-scroll:vertical>
   <!-- Content -+>
</div>

Private

<vue-touch-scroll type="vertical">
   <!-- Content -->
</vue-touch-scroll>

<script>
   import { VueTouchScroll } from "vue-touch-scroll"
   
   export default {
      components: { VueTouchScroll }
   }
</script>

or

<div v-touch-scroll:vertical>
   <!-- Content -+>
</div>

<script>
   import { directive } from "vue-touch-scroll"
   
   export default {
      directives: {
         "touch-scroll": directive
      }
   }
</script> 

Configuration

Component

Directive

<div v-touch-scroll:arg="value"></div>

Options sscrollbar

<div v-touch-scroll:vertical="{
   render: true, // render scrollbar?
   class: [] // class for scrollbar,
   style: {}
}"></div> 

License

This project is licensed under the MIT License - see the LICENSE.md file for details.