求一些移动前端动画页面的框架和资源

2015 年 1 月 5 日
 FinalAir

今天突然给我一个项目，是做某高校的门户网站的移动微站。要求实现成现在微信中可以看到的有很多小动画的页面（像财付通推的一些页面）。用jquery做了几个简单的动画效果，但是发现在ios上的体验很不好。得知好像在ios上做网页动画比较好的方案是用css3实现。

不甚擅长前端，希望大家能提供一些做这方面页面的框架或者资源，希望能够快速上手，做几个demo出来。（html5动态页面，在Android和ios都能表现的比较流畅）谢谢！

6504 次点击
所在节点    HTML
10 条回复
miniers
2015 年 1 月 5 日
http://frozenui.github.io/demo/parallax.html
简单点的
FinalAir
2015 年 1 月 5 日
@miniers 不错不错，研究研究
loveuqian
2015 年 1 月 5 日
右侧不就有一个amazeUI。。。。
novaeyoucom
2015 年 1 月 5 日
用GSAP, JQuery做动画不是很合适。另： 有些android放弃了吧， 啥动画都卡。
FinalAir
2015 年 1 月 5 日
@novaeyoucom 不能放弃啊，放弃就没有工资了....
novaeyoucom
2015 年 1 月 5 日
@FinalAir 不放弃啊， 涉及到动画的用GSAP， 不涉及动画用Jquery
Kuro
2015 年 1 月 5 日
js的动画库推荐velocityjs 性能要比jquery高
FinalAir
2015 年 1 月 6 日
@Kuro 我需要的不一定是js动画，只要在移动平台上表现比较流畅的都行，移动端动画现在大多数都是CSS3的居多
Kuro
2015 年 1 月 6 日
@FinalAir 做移动端的动画有个要点是尽可能的多利用GPU，你在元素CSS的transform属性上加一个translateZ(0)会强制浏览器使用GPU来渲染，这样动画会流畅很多，Velocityjs有个开启GPU加速的mobileHA选项也是利用的这个原理。
动画性能方面虽然Velocityjs自称比CSS3性能高，但我实际测试的结果还是CSS3性能最好
CSS3如果不用框架的话的确比较难控制，使用Velocityjs可以做出很漂亮的动画流。我目前是简单的动画用CSS3，复杂的动画用Velocityjs。如果有人知道好用的CSS3动画库也请告诉我～
FinalAir
2015 年 1 月 6 日
@Kuro 嗯，好的

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

https://v2ex.ih06.com/t/159402

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

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

© 2021 V2EX