rendfall / move-master

:hammer: Move ANY element on page

move-master

🔨 Move ANY element on page

 _____             _____         _           
|     |___ _ _ ___|     |___ ___| |_ ___ ___ 
| | | | . | | | -_| | | | .'|_ -|  _| -_|  _|
|_|_|_|___|\_/|___|_|_|_|__,|___|_| |___|_|  
                                             

Demo

Click: https://codepen.io/piecioshka/full/dXAJdq/

How it works?

We have for instance that structure in DOM:

<img id="logo" src="..." alt="Logo" />

Create in JavaScript file reference to that element:

var logo = document.querySelector('#logo');

Next, run that one line, to enable logo moving:

MoveMaster({
    target: /* HTMLElement */ logo,
    options: document.body,
    hook:  /* HTMLElement */ button
});

To enable moving on selected HTMLElement.

API

In settings:

• target - HTMLElement which will be moved
• parent - HTMLElement of parent element, which will be calculate position. Default document.body.
• hook - HTMLElement of another element near moved object. Default null.

License

The MIT License @ 2014