Material Design 下拉刷新组件,基于 CSS3 与 JavaScript 实现,高性能,适用于移动 web 开发。

2015-03-02 16:51:33 +08:00
 lightningtgc

Material Design swipe to refresh js版本,不影响页面布局结构,
基于CSS3动画实现,高性能,适用于移动web上使用。
总3种实现效果,使用方法简单。

详细说明介绍参见:
Github: https://github.com/lightningtgc/material-refresh

演示DEMO: http://lightningtgc.github.io/material-refresh/

5067 次点击
所在节点    JavaScript
12 条回复
wdhwg001
2015-03-02 19:30:04 +08:00
在我的ios8 ip6上是卡的…原因在于箭头在慢慢下拉的时候旋转太生硬,缺帧或者是缺残影…
kmvan
2015-03-02 19:45:10 +08:00

不知道是不是我的手机配置垃圾,MX3.
能感觉到明显掉帧卡顿,发热瞬间提供了很多,CPU也突破 600Mhz 的低频水平了。
不过看起来貌似挺实用的效果,有点想用了!
arachide
2015-03-02 20:34:06 +08:00
喜欢这种小而美的css库
loading
2015-03-02 20:46:20 +08:00
react-canvs 才是未来
allan1st
2015-03-02 20:56:32 +08:00
下拉时目测只有 5fps,很遗憾。
bfti
2015-03-02 22:00:41 +08:00
@kmvan 波浪线怎么回事?
kmvan
2015-03-02 22:13:42 +08:00
@bfti 波浪线怎么回事?
那个不是波浪线,是柱形图。如果柱子在绿色横线上放,就说明了 CPU 和 GPU 处于高负载状态,并且运作不过来,导致卡帧掉帧现象。
你可以看到,那时 cpu 54度,电流和电压是平时的4~5倍多,GPU 频率也是平时 5 倍。
SamZeng
2015-03-02 22:25:27 +08:00
@kmvan 原机的测试工具吗?
javaluo
2015-03-02 22:40:35 +08:00
好看 不是非常流畅
kmvan
2015-03-02 23:24:08 +08:00
@SamZeng 原机的测试工具吗?
对,mX3 flYMe3.8.5 anDroiD ruN tiME moDe, anDroiD 4.4.4
teddy1004
2015-03-03 17:22:46 +08:00
下拉的效果有点糟糕,其他挺棒的,很好看。
knightliao
2015-12-29 11:22:05 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/173973

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX