1.7.1 • Published 3 years ago
draggable-wow v1.7.1
draggable-wow
简介
一款原生js编写的拖拽移动插件。
在线Demo
功能点
- 纯js编写，不依赖第三方库
- 快速拖动不“掉线”
- 拖拽节流
- 事件自动销毁
使用方法
通过new 对象的形式，使用该插件。构造函数接受参数：有效的CSS字符串选择器。详情见下方：
参数列表：
| 参数 | 描述 | 数据类型 | 默认值 | 是否必填 |
|---|---|---|---|---|
| 参数1 | 实际被拖拽元素 | String（CSS字符串选择器） | 必传 | |
| 参数2 | options（选项配置） | Object | {} | 否 |
参数2选项配置说明：
| 选项 | 描述 | 数据类型 |
|---|---|---|
| parentEle | 实际被拖拽元素的父元素。该参数用于：拖动元素只能某个局部区域被拖拽。 | String（CSS字符串选择器） |
使用注意点:必须确保选取的DOM元素已经加载完毕
安装方法
npm安装
安装
npm i draggable-wow
引入
// 引入包体
import Draggable from 'draggable-wow'
// 使用
new Draggable('.content', { parentEle: '.box' })- CDN安装
<script src="https://unpkg.com/draggable-wow/dist/index.js"></script>
<script>
new Draggable('.content', { parentEle: '.box' })
</script>