Quick access
1120
1120
1120

Open source project

Vue-drag-scroller

A VueJs directive package that can make any element scrollable
by drag and move mouse created by @huynamboz.

See it on npmjs.com - vue-drag-scroller

  • NPM Package
  • VueJs 3
  • Vue directive

Overview

This vue directive package can make any element scrollable by drag and move mouse.
Check github repo for more information.vue-drag-scroller

Installation

Install package

npm
yarn
copy
npm install vue-drag-scroller

Features

You can easy custom your option, if you have idea for new feature, please Pull request

1. Register global (Vue3 app)

App.vue

In component

2. Register global (Nuxt3 app)

plugins/vue-drag-scroller.ts

nuxt.config.ts

3. Options

You can bind option to directive like

4. Drag scroll except all child (disable child)

Code:

child
child
child
child
5. Drag scroll except particular child

Code:

child disabled
child disabled
child  not disabled
child  not disabled
6. Drag only in X axis

Code:

7. Drag only in Y axis

Code: