-transform 翻译 和 滚动 之间有性能差异吗

Question

我正在建立一个地图网站，如谷歌地图。将会有相互连接的图像块。将通过用鼠标拖动来探索地图，每次拖动后，将加载新图像。为了具有拖动浏览功能，我找到了两种方法：

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

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

Answer 1

滚动更好，因为 CSS 转换可能会导致文档重新流动，这是相当昂贵的。

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