是-transform翻译和滚动之间的性能差异

Question

我正在建立一个像谷歌地图的地图网站。将存在彼此连接的图像瓦片。通过拖动鼠标来探索地图，在每次拖动后，将加载新图像。为了实现拖动功能，我找到了两种方法：

1. 调用滚动功能滚动到地图中的正确位置
2. 在地图上应用css-transform translate，以便地图的右侧部分进入显示区域。

问题是，这些方法之间是否存在性能差异？ （主要是在渲染速度和拖动平滑度方面） 另外，还有其他标准可以选择其中一种方法吗？

Answer 1

滚动更好，因为CSS转换会导致文档重新流动，这非常昂贵。

请参阅：http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/

Answer 2

在开发手机游戏时，我们做了类似的事情。

我们使用了iScroll JS库。 http://cubiq.org/iscroll-4