firefox 4中的jQuery动画速度（平滑度）

Question

嘿，我已经做了site（请耐心等待，还没有预加载，所以可能需要一段时间才能加载）通过单击右/左浏览图像（全屏），它是所有这些都完成了隐藏溢出和jquery的动画+ scrollLeft，现在有两个主要问题，

1. 该卷轴的通用速度和平滑度 离开（这应该很快，如 它绝对没有位置+左） 几乎所有浏览器，firefox（4） 的 尤其
2. 第二个是通用速度 jquery的动画仅 in firefox ，当你点击“菜单”时，里面的手风琴只是非常慢。

现在我的设计师已经明确地将自己与http://svenprim.com/一起使用，因为这个人编码的方式与我的非常相似，但他的网站非常流畅和快速，我想不出任何理由为什么。

• 我试过的是删除了 隐藏内容（“菜单”，和 “概述”）所以只留下图像 - 没有帮助
• 减少图片数量 - 没有帮助

任何帮助/提示赞赏，我变得绝望。

Answer 1

对于任何想知道的人来说，这个问题与javascript本身无关，问题是.photoBox以gif动画为背景。显然，firefox在滚动时不喜欢GIF。

你现在可以检查它是否相当快速和顺畅。

http://jankaslphoto.com/

只需要在那个预加载上工作（并在webkits上以某种方式计算宽度错误）。无论哪种方式，谢谢你的帮助，你们两个，我一定会看看那个包装。

Answer 2

我会使用CSS过渡和变换来尽可能为它们设置动画。

看几个演示http://css3.bradshawenterprises.com/sliding/。使用转换意味着它将在iOS上进行硬件加速，并且不需要重新绘制，因此通常会更快。

我编写了一个快速函数来使用jQuery动画作为后备，并尽可能使用变换，请查看http://css3.bradshawenterprises.com/legacy/以了解如何使用它。

它也需要加载Modernizr，尽管你可以根据需要编写自己的转换和变换测试。

Answer 3

我看到你正在使用一些自定义缓动功能。这些计算每个动画步骤的值nd因此会对性能产生很大影响。尝试删除缓动功能（或使用'swing' - 默认值），看看这是否会提高你的表现。

我也看到你正在使用缓动函数js文件的打包版本 - 这被认为是不好的做法，因为浏览器必须每次解压缩文件 - 即使从缓存加载 - 这也会占用CPU周期 - 对于更多信息，请参阅John Resig - ＆gt; http://ejohn.org/blog/library-loading-speed/ - 更好的方法是使用例如Google Closure编译器缩小javascript - 我通常只使用我需要的缓动函数并将其放在我的主js文件中（许可证允许）。

尽管CSS3转换很不错，但并不是所有浏览器都支持它们，不幸的是jQuery没有利用它们（还）。