Movable.js

Make HTML Elements movable On the Go!

Demo Getting The Library How To Use More Options Copyright Info

Live Demo

See the Pen Movable.js Demo by Arnav Kumar (@arnav-kr) on CodePen.

Getting The Library

You Can Use these Scripts to include movable.js or movable.min.js in your website.

<script src="https://rawcdn.githack.com/arnav-kr/MovableJs/6f6976fe5e798d8716b9f46aff46e2102313ffa3/dist/movable.js"></script>
<script src="https://rawcdn.githack.com/arnav-kr/MovableJs/6f6976fe5e798d8716b9f46aff46e2102313ffa3/dist/movable.min.js"></script>

How to Use

Define a Movable object with id of HTML element as its Parameter, store it in a variable. Use init(); method to initialize. And Done!

HTML:

<div id="myDiv">I am a Movable</div>

JS:

var movable = new Movable("myDiv");
//use init(); to initilize
movable.init();

More Options

movable.unInit();
//Use unInit(); method to UnInitilize the Movable

Methods	Use
`init();`	Used to initilize the `Movable`.
`unInit();`	Used to uninitilize the `Movable`.

Created By Arnav Kumar

Follow Arnav Kumar Issue Fork Movable.js

Movable.js [ My First Library ]