今天看到了新闻，移动版的 Gmail 增加了下拉刷新的功能。这个功能最早出现在 iOS 上面。要说这个功能的用户体验是很好的。于是就自己也试着写了个小 demo，用 Javascript 来实现下拉更新功能。

这个demo用的技巧

这个demo是专门针对 safari for iOS 进行制作的，在制作的过程中，使用了 webkit 的 touchEvent, touch Class, 这两个类主要用来处理触摸事件。同时使用了 CSS3 transition 动画效果。

实际demo

代码潦草，希望高手能够指导，对代码进行优化。demo地址。

心得

apple 的 developer library 的资料真多真全。

用 CSS3 来处理动画效果简单快捷，同样的效果，用js实现性能低了好多。

处理 touch event 的时候，记得要preventDefault()哦。