javascript - DOM は iOS スクロールで視覚的に更新されませんか?

Question

これは奇妙なものです。

コンテナにテキストが-webkit-overflow-scrolling:touch適用されておりspan、コンテンツ内でビューポートの外にある背景色を持つ要素があるとします。

次に、ボタンを押してspan要素を削除し、コンテンツを内部のテキストに置き換えてから、コンテナをスクロールして、元のspan要素がビューポートに表示されるようにすると、背景色が保持されます。span要素自体はなくなりましたが、DOM は視覚的に更新されていません。

jsFiddle (iOS で表示) - http://jsfiddle.net/charlescarver/rdZq4/4/

さて、私が気に入らないことがわかった2つの解決策がありますが、コンテナを視覚的に更新します。

1. を取り外します-webkit-overflow-scrolling:touch
2. 次のコードを追加して、CSS の側面を変更してから元に戻します。

このメソッドは以下を使用します.scroll()。

$(".text").scroll(function () {
$(".text").css("color", "blue");
setTimeout(function () {
    $(".text").css("color", "#000");
   }, 1)
});

これに伴う問題は、スクロールが停止するまで背景色が残っているため、アーティファクトが残ることです。