Javascript jQuery动画与Mobile Safari的性能

我最近刚开始使用jQTouch为iPhone开发一个站点，代码如下：

<li class="title" onclick="showDesc('desc1');">Post Title</li>
   <li id="desc1" class="shortDesc">
      Short description of post content
      <a href="#viewPost">Read</a> 
   </li>

<script type="text/css>
function showDesc(id){
    $("#"+id).slideToggle();
}
</script>

帖子标题

文章内容的简短描述

---

是的，强烈建议使用CSS3转换。它们是硬件加速的，而Javascript动画不是。您可能希望转换幻灯片切换动画的不透明度以及宽度/高度参数。这很糟糕，但它给了您很好的性能

您应该在移动设备上使用CSS3动画，因为“CSS渲染引擎”有更多机会优化性能。特别是过渡变换（不会导致重新布局和重新渲染纹理的事情）——它们在硬件上的映射非常好。

事实证明，手机本身的许多渲染问题都是由应用于隐藏的

的webkit box阴影属性引起的

尽管CSS3对于这个任务来说是一个更加“本机”的选项，但jQuery slideToggle（）函数似乎工作得非常好

我真的应该对CSS有一个更详细的概述，但现在根据您的推荐，我已经了解了更多关于CSS3动画的内容，所以这是值得的