javascript - Chrome の背景画像の再描画の問題を修正

Question

私が現在取り組んでいるサイトの場合。背景画像に一種の視差効果をページに与えようとしています。基本的に、高さが設定されたdivがあり、ユーザーが各ローテーターアイテムをクリックすると、divの背景画像を更新しています。背景画像は上部中央に固定されており、ページが最初に読み込まれたときに完全に正常に機能します. しかし、少し下にスクロールして div の一部が表示されず、ローテーターでアイテムを切り替えると、背景画像は div の特定のポイントでのみ読み込まれますが、インスペクターの要素をスクロールまたはタッチするとすぐに完全に読み込まれます。

私が何か間違ったことをしている場合のマークアップを次に示しますが、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 + "')");

さらに情報が必要な場合は、お知らせください。