есть разница в производительности между -transform translate ans scroll

Question

Я строю карты, такие как карты Google. Там будут плитки изображений, связанных друг с другом. Карта будет изучена путем перетаскивания мышью, где после каждого перетаскивания будут загружены новые изображения. Для того чтобы исследовать, с помощью перетаскивания функциональности, я нашел два способа:

1. вызывая функцию прокрутки для прокрутки в нужном месте на карте
2. применения CSS-преобразования переводят на карте таким образом, что правая часть карты входит в отображаемую область.

Вопрос в том, есть ли разница в производительности между методами? (в основном с точки зрения скорости рендеринга и плавности перетаскивания) Также есть ли какие-либо другие критерии, чтобы предпочесть один из методов?

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