vue-dragscroll

https://github.com/donmbelembe/vue-dragscroll

CDN : <script src="https://unpkg.com/vue-dragscroll"></script>

NPM : npm install vue-dragscroll

Usage:

If using CDN, v-dragscroll is already injected to the vue instance.

If installed via npm:

import Vue from 'vue'

import VueDragscroll from 'vue-dragscroll'

Vue.use(VueDragscroll)

OR import inside a component

import { dragscroll } from 'vue-dragscroll'

  export default {
    directives: {
      dragscroll
    }
  }

Simple Usage

<div v-dragscroll> ... <div>
or
<div v-dragscroll="true"> ... <div>

<div v-dragscroll="false"> ... <div>

Enable drag

nochilddrag

<div v-dragscroll:nochilddrag> ... <div>

This will only enable drag-scrolling for an element itself, but not for its subchildren.

Check this best example

credit: Javascript dragscroll library