我一直在尝试许多不同的javascript框架,比如jquery,甚至像$ fx这样的特定动画,我无法达到我想达到的平滑度。
我最近看到的动画有两个非常流畅的例子,无论是在电脑上还是在iPhone和iPad上。
http://beta.jolicloud.com/ 和 http://www.apple.com/iphone/
他们如何实现如此流畅的动画?
我一直在制作非常简单的文本,例如简单的文本从margin-top:100px到500px,使用jquery或$ fx,它是紧张的......
答案 0 :(得分:3)
这两个网站都使用CSS transitions和CSS animations比JS动画更流畅(CSS动画基于关键帧并且移动得更顺畅.JS动画本质上只是 关键帧,如停止动作,所以它更加紧张)
答案 1 :(得分:0)
使用jquery easing和您的脚本进行平滑动画。 http://gsgd.co.uk/sandbox/jquery/easing/
答案 2 :(得分:0)
查找http://jquerymobile.com/,了解您的转化的移动优化,
此外,查找http://api.jquery.com/animate/可以从一种状态更改为另一种状态。
“光滑度”有持续时间和宽松属性:)