JQuery身体背景动画 - Chrome / Safari中的bug

时间:2011-09-14 22:01:49

标签: jquery css google-chrome safari

我在Chorme和Safari中得到的背景部分没有正确改变颜色。 IE和FF工作正常。

执行动画的代码是:

$('body, div.piro_overlay').stop(true).animate({ backgroundColor: colors[currColor] }, animationDuration);

整个脚本位于http://www.almadujmovic.com/scripts/ui_scripts.min.js

您可以通过转到http://www.almadujmovic.com/index.php?option=com_content&view=article&id=3&Itemid=4&lang=en并滚动到底部来重现错误,等待cca 10秒然后向上滚动一半。页面的一部分将保持旧颜色,其他部分将被设置为动画。

知道怎么解决吗?

2 个答案:

答案 0 :(得分:0)

不确定这是否有效,但您可以尝试使用CSS中的background-attachment: fixed;属性设置固定背景(不会随页面滚动)。

我知道它适用于背景图像,但值得一试。

答案 1 :(得分:0)

我通过整个div来整理它,整个页面就像一个背景,然后给他做动画。