原生JS编写,移动设备上让任意元素在屏幕内浮动

FloatDrag

移动设备上任意元素在屏幕内浮动与拖动

原生 JavaScript 编写,适用于触屏设备。

使用示意

① 引入 JS 文件

<script src="float-drag.js"></script>

② 绑定

new FloatDrag(document.getElementById('ball')); 参数

new FloatDarg(ele, option);

其中:

ele表示需要拖动的元素; option为可选参数,包括: edge,对象,表示元素与边缘的距离值,默认为{ left: 0, right: 0, top: 0, bottom: 0 },未填的方向默认为0isRemember,布尔值,表示是否记录元素位置(使用localstorage,以元素 ID 作为索引),默认为true。 在线预览

点击查看在线demo

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。