jQuery UI Draggable
Using jQuery UI, we can make the DOM(Document Object Model) elements made draggable, you can move it by clicking on it with the mouse and drag it anywhere within the viewport.
jQuery UI Draggable Containment
The containment property allows you to specify if the element should be contained (ie. should not allow dragging outside of some container)
jQuery UI Draggable Axis
The axis property allows you to dragging to either the horizontal (x) or vertical (y) axis. Possible values: "x", "y".