5

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

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

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

4

2 回答 2

1

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

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

于 2012-02-14T18:33:17.877 回答
0

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

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

于 2012-03-14T22:35:42.513 回答