兼容移动手机的js拖拽插件Draggin.js


源码介绍

简要教程

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



点赞(0) 打赏

立即下载

点击下载

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部