A Lightweight Draggable Animations To Any HTML Block Plugin | Dragging.js

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.

Share