Draggin.js是一款兼容移动手机的js拖拽插件。该js拖拽插件的特点是跨平台,体积小,运行速度快。该js拖拽插件会自动计算元素相对于文档左上角的位置,然后通过CSS transform属性将它重新定位。

Draggin.js拖拽插件插件的特点还有:

  • 轻量级,压缩后的版本仅3k。
  • 完全兼容移动触摸设备。
  • 使用时不需要编写任何js代码。
  • 插件利用GPU提高性能。
  • 没有任何外部依赖文件。

使用方法

在页面中引入draggin.min.js文件。

<script src="draggin.min.js"></script>
                
HTML结构

使用该js拖拽插件,你可以拖拽任何HTML DOM元素,例如:

<h1 class="text">Hello, World!</h1>
<p class="text">Hello, World!</p>
<a href="#" class="text">Hello, World!</a>
<div class="text">Hello, World!</div>
                

Draggin.js js拖拽插件的github地址为:https://github.com/chrisnunes57/Draggin.js