DOM无法通过iOS滚动进行直观更新？

Question

这是一个奇怪的。

假设我在容器中有一些文本应用了-webkit-overflow-scrolling:touch，并且span元素在内容中但在视口外部具有背景颜色。

如果然后按一个按钮删除span元素并用内部文本替换内容，然后滚动容器，以便视口中曾存在的span元素，保留背景颜色。 span元素本身已消失，但DOM未在视觉上更新。

jsFiddle（在iOS上查看） - http://jsfiddle.net/charlescarver/rdZq4/4/

现在，我发现有两个我不喜欢的解决方案，但是直观地更新容器：

1. 删除-webkit-overflow-scrolling:touch
2. 添加以下代码以更改CSS的某个方面，然后返回：

此方法使用.scroll()：

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

问题是，残留的背景颜色一直存在，直到滚动停止，这仍然会留下神器。