jQuery Innerfade - 在IE7上淡入淡出效果怪异

Question

我正在制作一个新网站，http://architect.sitesbyjoe.com，并在网站首页使用innerfade插件。但出现了淡入淡出动画缓慢而且有卡顿的问题。

除此之外，仅有的其他JavaScript插件是Fancy Zoom，在尝试移除它等操作后仍没有改变。

有什么想法吗？其他帖子指向CSS问题...

- sitesbyjoe

---

好的，我会继续研究这个问题，现在我确定是我的screen.css文件有问题。稍后会有更多信息。 - sitesbyjoe

解决了自己的问题！有几个“position:absolute”的元素似乎导致了卡顿。很奇怪！我用一些浮动等替换了所有可能的元素，现在一切都运行得很好。 - sitesbyjoe

你的网站看起来很棒，恭喜！ - ZippyV

只是要提醒一下 - IE的JavaScript引擎是主流浏览器中最慢的。这通常是为什么你会在IE中看到客户端性能不佳，而在Chrome、FF、Opera等浏览器中却没有。我猜这样做的好处是，IE往往会在FF等之前崩溃，因此很容易识别出性能问题。哈哈..顺便说一句，网站做得不错。 - KP.

你应该将你的解决方案作为答案提交并接受它，这样它就可以从未回答的列表中移除了，是吧？ - Mark Schultheiss

同意您应该将此标记为已回答。我之前也遇到过另一件事情，就是当有很多要循环淡入淡出的项目时，它更容易变得不流畅。看起来已经有所改善（无论是浏览器支持还是jQuery和innerfade），但如果您再次遇到这种情况，那可能会起到一定作用。 - JoshMock

Answer 1

我自己都控制不住，一直在想 - innerfade 是不是有点过度使用了？（我注意到你只在落地页上使用了它，对吧？）

我用了大约20行 jQuery 代码来实现同样的效果（而且还可以进行一些配置 :) ）- 如果你感兴趣，我可以发布它 :)

另外，在 Google Chrome 上动画仍然有些磕磕绊绊的感觉。

- Adam Kiss

Answer 2

我使用带有Firebug扩展的FF打开了您的主页，并启用了控制台。它正在以尽可能快的速度抛出以下错误：

this.GetObj(this.divID)为空 https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 第1行

this.GetObj(this.divID)为空 https://server.iad.liveperson.net/hcp/html/mTag.js?site=61775231 第1行

也许该函数正在消耗您的CPU周期？

- Joe Riggs

Answer 3

问题是浮动和绝对定位的组合。我移除了其中一个，事情又开始正常工作了！

- sitesbyjoe