我已经遇到同样的问题好几个星期了，还没有找到答案。所以我的问题是：我必须制作一个动画，以便根据你的鼠标位置滚动图像。我使用transform:translate3d（），但我尝试了translate和translate2d，结果相同。
此动画在Safari 5/6/7和Firefox上非常适用。在Chrome和Safari 8上，它是跳跃的。事实上，这并不顺利。
你们知道吗？
非常感谢！
后来的webkit浏览器往往比2d转换做得更好，所以你真的需要确保你的翻译是3d的。
如果您查看图像，它们包含内联样式，并将transform: translate()作为属性之一。内联样式正在覆盖你的CSS，包括transform: translate3d()，这就是为什么无论你在CSS中放什么，你都不会发现任何区别。
你需要做的是使用CSS（推荐）或内联样式——到处都是样式是很混乱的。