Simple draggable

Draggable elements can be setup using the attribute dd-draggable="true", or using javascript by using node.plugin(ITSA.Plugins.nodeDD). This example uses plain HTML. Draggable items will force the window to scroll by default when coming outside the visible area.

Drag the 2 rectangles. The first is constrained using html, the second is set up using javascript.

Code-example:

<body>
    <div class="container" plugin-dd="true"></div>
</body>

<script src="itsabuild-min.js"></script>

API Docs

Examples

Constrained to a node
Constrained to window
Delegate draggable
Monitoring with events
Monitoring with Promises
Moving multiple items
Simple draggable plugin
Simple draggable
Draggable with handles

Module-documentation

Simple draggable