一个简单的 slider 轮播 react 组件
发布于 9 年前 作者 yinzSE 7592 次浏览 最后一次编辑是 8 年前 来自 分享

很多时候页面不需要很多东西,只是一个单纯的滑动轮播, 同类型的react组件有很多, 本着学习 npm 学习 node 开始尝试做个小 npm 模块

才刚刚开始写 遇到一个问题

关于 touch time 和 touch diffX 之间应该是个怎样的数学关系呢? 比如说我虽然 diffX 很短 但是我的速度很快 也应该判断成滑动一个图片。

github: https://github.com/uinz/uinz-slider npm: https://www.npmjs.com/package/uinz-slider 例子 http://uinz.github.io/uinz-slider/ (暂时只写了 touch event 请在手机模式下看)

3 回复

刚刚加入了自动 轮播, 发现代码实现不是特别好, 明天重构下.

刚刚跟新了下, 鼠标事件也可以了, 势能效果 也算有了吧.

这种功能是jQuery生态的强项啊。

回到顶部