Dragging.js is a lightweight jQuery component that converts any HTML block into a draggable block. This is a small jQuery plugin that applies configurable transition effects to your elements as you drag them.
Options
- speed any number (default 300)
- vertical true or false (default true)
- horizontal true or false (default true)
- rotate true or false (default false)
Read More - Vuetify Drag And Drop Draggable Tree View Component | v-treeview
How to make use of it:
1. Insert the JavaScript file jquery.Dragging.js after loading the most recent jQuery library.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/dist/jquery.Dragging.js"></script>
2. Apply a default dragging impact to the component.
<div class="draggable"> ... </div>
$('draggable').Dragging({
// options here
});3. Customize the animation speed in milliseconds.
$('draggable').Dragging({
speed: 500
});4. Determine whether or not to disable horizontal and/or vertical dragging.
$('draggable').Dragging({
vertical: true,
horizontal: true,
});5. Determine whether or not to use a rotate impact to your component while dragging.
$('draggable').Dragging({
rotate: true
});Element Dragging Effects, Dragging.js Plugin/Github
Read More -
Customizable Sticky Draggable Notes For Web | Post It All
Responsive Draggable & Resizable Dashboard (Grid) for Vue
See Demo And Download
Official Website(vldvel): Click Here
This superior jQuery/javascript plugin is developed by vldvel. For extra Advanced Usage, please go to the official website.
