Javascript 永久CSS3转换的OSX性能问题

我有一个完整的页面包装，我想慢慢地，永远地移动到左边。这一切都很好，但在OSX（任何浏览器）上，动画中偶尔会出现一些抖动

由于缺乏更好的解决方案，我每101毫秒从Pacery容器的

translateX

中减去1。然后通过

transform

属性上的线性0.1s转换来平滑

在实践中

Javascript CSS 我有一种感觉，这种抖动是由于过渡动画和间隔减法在某种程度上相互干扰造成的。但是，这似乎不是Windows的问题

---

有没有办法解决这种急动？是否有更好/更聪明的方法来达到同样的效果？

您是否考虑过扩大过渡的循环？像do

scrollPoint-=10和CSS
转换1s线性
？应该会提供相同的结果，但动画的调用要少得多，减少浏览器的过多问题是用户有一个按钮来暂停和播放运动（通过取消/重置间隔），因此在单击暂停和实际暂停之间最多有一秒的延迟是一个不可能的。。。
var scrollPoint = 0;

moveWall = function(){
    scrollPoint -= 1;
    $("#packery").css({
        "-ms-transform": "translateX("+scrollPoint+"px)",
        "-webkit-transform": "translateX("+scrollPoint+"px)",
        "transform": "translateX("+scrollPoint+"px)"
    });
};

moveWall();
wallint = setInterval("moveWall()", 101);

#packery {
    width: 100%;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-transition: -webkit-transform 0.1s linear; 
    -moz-transition: -moz-transform 0.1s linear; 
    -o-transition: -o-transform 0.1s linear; 
    transition: transform 0.1s linear;
}