draggable-wow

简介

一款原生js编写的拖拽移动插件。

在线Demo

预览地址

功能点

- 纯js编写，不依赖第三方库
- 快速拖动不“掉线”
- 拖拽节流
- 事件自动销毁

使用方法

通过new 对象的形式，使用该插件。构造函数接受参数：有效的CSS字符串选择器。详情见下方：

参数列表：

| 参数 | 描述 | 数据类型 | 默认值 | 是否必填 |
| ----- | ------------------- | ------------------------- | ------ | -------- |
| 参数1 | 实际被拖拽元素 | String（CSS字符串选择器） | | 必传 |
| 参数2 | options（选项配置） | Object | {} | 否 |

参数2选项配置说明：

| 选项 | 描述 | 数据类型 |
| --------- | ------------------------------------------------------------ | ------------------------- |
| parentEle | 实际被拖拽元素的父元素。该参数用于：拖动元素只能某个局部区域被拖拽。 | String（CSS字符串选择器） |

使用注意点:必须确保选取的DOM元素已经加载完毕

安装方法

- npm安装

安装

npm i draggable-wow

引入

``javascript

// 引入包体
import Draggable from 'draggable-wow'
// 使用
new Draggable('.content', { parentEle: '.box' })
`

- CDN安装

`javascript



``