-webkit-transform与Mobile Safari的问题

Question

继我之前关于在jQuery中检测碰撞元素的问题之后，我编写了一些自定义jQuery代码来处理这个问题。谷歌浏览器中的一切工作正常，并按预期工作。

但是，在iOS 5的Mobile Safari下，设置不会反映出来。这是动画的示例jQuery代码：

if(this_position.top <= docked_element.bottom && ($this.html() != fake_persistent.html()))
{
    var new_top = this_position.top - fake_persistent.outerHeight();
    fake_persistent.css('-webkit-transform', 'translate3d(0, ' + new_top + 'px, 0)');
}

虽然转换似乎不起作用，但如果我停止在窗口上滚动，则元素将正确定位。这有点难以解释，但如果您在Chrome中查看此页面，然后在Mobile Safari中查看，我们会看到我的意思＆gt; http://ben-major.co.uk/labs/contact-app/