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>