私はjQueryのfadeOutとfadeInを使用して、div内のページのコンテンツを動的に変更しています。Chrome for Mac を除いて、すべてのブラウザは問題なく動作します。Chrome for Mac では、最初のページで下にスクロールすると、フェードアウトしてからフェードインすると、新しくフェードインしたコンテンツが「画面外」に表示されます。つまり、表示されません。最初のページを下にスクロールせずに 2 ページ目に移動すると、コンテンツは問題なく表示されます。
サイトに簡単なデモを作成しました。繰り返しますが、これは Chrome for Mac を除くすべてのブラウザーで機能します。助けてください!Chrome for Windows は正常に動作します。
デモ: http://dev.corecoding.com/problem.php
Mac では AppleWebKit/534.57.2 のユーザー エージェントが表示され、Windows では AppleWebKit/536.5 を使用しています。興味深い点は、同じ (古い) WebKit を使用する Safari for Mac で問題なく動作することです。
これを別のjQuery/javascriptコマンドで機能させる方法はありますか? それとも、それを忘れて、Chrome の WebKit が更新されるのを待つべきですか?