move-master

🔨 Move ANY element on page

Preview 🎉

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