Javascript Chrome背景图像修复了重新绘制问题

对于我目前正在工作的站点。我试图在页面上给背景图像一种视差效果。基本上，我有一个div，它有一个设定的高度，当用户点击每个旋转器项目时，我正在更新div的背景图像。背景图像固定在顶部中间，当页面第一次加载时，它工作得非常好。但是，如果您稍微向下滚动，使部分div不可见，并在旋转器中切换项目，则背景图像仅在div的某个点加载，但只要我滚动或触摸inspector中的任何元素，它就会完全加载

如果我做错了什么，这里是我的标记，但它在Firefox和IE7/8/9中运行良好，但在Chrome中就不行了。任何帮助都将不胜感激

.home .rotator
{
    height:450px;
    background: fixed center top no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-bottom: 20px;
}

$(".home .rotator").css("background-image", "url('" + bgImg + "')");

---

如果您需要更多信息，请告诉我。

最终解决了问题，而不是背景：固定中心顶部无重复；移除固定和使用背景附件：固定

设置一个JSFIDLE演示问题。最终成功解决了问题，而不是背景问题：固定中心顶部不重复；移除固定和使用背景附件：固定@johnw86，添加您自己的解决方案作为答案，并接受您自己的答案。