pure-drag

INSTALL

npm install pure-drag

or

yarn add pure-drag

USAGE

css

#dragparent {
    position: relative;
    width: 500px;
    height: 500px;
    border: 1px solid red
}
#dragson {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: blue;
}

html

<div id="dragparent">
    <div id="dragson"></div>
</div>

js

Drag at the parent

import Drag from 'pure-drag'
 
let dragParent = document.getElementById('dragparent'),
    dragSon = document.getElementById('dragson')
 
new Drag({
    parent: dragParent,
    dragEle: dragSon
})

Global drag

import Drag from 'pure-drag'
new Drag({
    dragEle: document.getElementById('dragson')
})