Фоновая анимация тела JQuery - ошибка в Chrome / Safari

Question

Я получаю некоторые части фона, не меняющие цвет должным образом в 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 и прокрутите вниз, подождите около 10 секунд, а затем прокрутите до половины.Часть страницы останется в старом цвете, а другая часть будет анимирована.

Есть идеи, как ее решить?

Answer 1

Я исправил это, поместив div на всю страницу, который работает как фон, а затем оживил его.

Answer 2

Не уверен, будет ли это работать или нет, но вы можете попробовать установить фиксированный фон (который не прокручивается со страницей) со свойством background-attachment: fixed; в CSS.

Я знаю, что это означаетдля фоновых изображений, но стоит попробовать.