JQuery 正文背景动画 - Chrome/Safari 中的错误答案

【问题标题】：JQuery body background animation - bug in Chrome/SafariJQuery 正文背景动画 - Chrome/Safari 中的错误
【发布时间】：2011-09-29 16:30:09
【问题描述】：

在 Chorme 和 Safari 中，背景的某些部分无法正确更改颜色。 IE 和 FF 运行良好。

做动画的代码是：

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

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

知道怎么解决吗？

【问题讨论】：

【解决方案1】：

不确定这是否可行，但您可以尝试使用 CSS 中的 background-attachment: fixed; 属性设置固定背景（不随页面滚动的背景）。

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

【讨论】：

【解决方案2】：

我通过在整个页面上安装 div 来修复它，他就像背景一样，然后为他设置动画。

【讨论】：