【发布时间】：2012-12-31 23:35:38
【问题描述】：
我正在做一个没有 BoilerPlate 的项目，现在它使用了很多 jQuery 动画，例如几个元素的视差和背景中 20 个小的 .png 云彩图像的移动（制作云时间- lapse）在移动设备上运行非常缓慢且滞后。我希望桌面和移动环境都使用相同的 UX。我正在使用 mediaQueries 将较小的图像/元素用于较小的屏幕，但这似乎并没有像我想象的那样优化移动性能。我对 HTML5-Boilerplate 和 BP-Mobile 很熟悉，但不确定其中任何一个是否能解决我的问题。
如何让这些特殊效果在移动设备上流畅运行？
【问题讨论】：
-
如果用户没有高端手机（即使他/她有）html5和密集的javascript在pc上运行起来也不会那么流畅。您最好的选择是减少动画或使其成为原生应用。
-
使用设备检测并在移动域上为移动平台提供网站服务。手机能处理的东西是有限度的——只有高端手机才能流畅地处理所有的效果。例如，我的诺基亚 X6 几乎死于简单的幻灯片效果。
-
感谢您的反馈，但这些是我试图避免的答案。当今许多新的移动框架都不支持 JavaScript 动画吗？
-
你可以在这里greensock.com/get-started-js试试这个库。在移动设备上效果很好，但您需要重构动画
-
@user1644123 是的，它有效。我认为不会那么难
标签： javascript jquery animation optimization mobile