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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3590 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

CSS3

高性能

material

12 条回复 • 2015-12-29 11:22:05 +08:00

wdhwg001

2015-03-02 19:30:04 +08:00 via iPhone

在我的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 via Android

好看不是非常流畅

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 via iPhone

@knightliao