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>