yued-fe / inertia

移动设备上任意元素在屏幕内惯性弹动

inertia

移动设备上任意元素在屏幕内惯性弹动

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

demo地址：./demo/simple.html

使用示意

①. 引入JS文件，例如

<script src="Inertia.js"></script>

②. 绑定

new Inertia(ele);

语法

new Inertia(ele, option);

其中：

• ele表示拖移弹动的元素；
• option为可选参数，包括：
  • edge，布尔值，表示是否吸附边缘，默认为true，也就是吸附。

补充说明

有时候希望元素不是紧靠边缘而是留有间隙，可以使用透明边框，或者标签嵌套使用padding等CSS属性控制。

inertia's Issues

某些版本，移动 “最近阅读” 时，页面会跟随滚动

移动端：
Android Chrome 56、Android Webview 56及以上版本的浏览器，移动 “最近阅读” 时，页面会跟随滚动

问题原由：
https://www.chromestatus.com/features/5093566007214080

事件透传

如果悬浮球位于一个列表上面，拖动的时候，事件会透传到下面的列表

模块封装

封装成可直接调用的模块应该不错

建议创建一个gh-pages分支

这样可以在线看到这个demo

在UC Android浏览器中拖动的时候元素变成不可见了

UC版本：UCBrowser_V11.1.0.870（开发者版本），
在拖动“最近阅读”的时候，元素变成不可见了，松开之后又变成可见的了。

可在这里下载对应的UC