What's swingdrag?
swingdrag is a jQuery UI plugin, which adds a nice swing effect to the drag function.
For a full working demo click here.
- The
speedInfluenceFactor
option was added. This factor controls the influence of the drag speed on the rotation angle. This is useful to control the rotation angle for different display resolutions (DPI). - The
maxRotationAngleDeg
option was added. It controls the same behaviour as therotationAngleDeg
option and will replace it in future releases. - swingdrag containers will always be topmost during dragging.
npm install swingdrag
<script src="node_modules/swingdrag/dist/src/jquery.ui.swingdrag.min.js"></script>
<link rel="stylesheet" href="node_modules/swingdrag/dist/css/swingdrag.css" />
<div id="container">The container element which should be dragged</div>
$("#container").swingdrag();
The maximum possible angle of rotation in degrees.
Default : 20
Indicates whether a pickup-/drop shadow should be shown.
Default: true
The pick up scale factor indicates the size change during dragging.
Default: 1.1
The maximum possible angle of rotation in degrees.
Default : 20
This factor controls the influence of the drag speed on the rotation angle.
It is useful to control the rotation angle for different display resolutions (DPI).
Default: 2.0
let options = {
maxRotationAngleDeg: 20,
showShadow: true,
pickUpScaleFactor: 1.1,
speedInfluenceFactor: 2.0
}
$("#container").swingdrag(options);
- Bug Fix: The maximum angle of rotation is now calculated correctly.
- The
speedInfluenceFactor
option was added. This factor controls the influence of the drag speed on the rotation angle. This is useful to control the rotation angle for different display resolutions (DPI). - The
maxRotationAngleDeg
option was added. It controls the same behaviour as therotationAngleDeg
option and will replace it in future releases. - swingdrag containers will always be topmost during dragging.
- swingdrag works together with other draggable plugins like gridstack.
- The API documentation and the examples were updated.
- The swing effect is now depending on drag speed.
- All used styles have been moved from code into a
css/swingdrag.css
file. - The source file swingdrag.scss has been added, too.
- The option
maxRotationAngleDeg
was renamed torotationAngleDeg
and its default value was set to 8. - The size of the deployed
jquery.ui.swingdrag.min.js
file was reduced.
- Display/performance bugs were fixed.
- swingdrag now works smooth in all popular browsers like Chrome, Firefox, Internet Explorer and Edge.
- Options have been added.
- First released version.
- There are performance bugs in some browsers.