Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What does useTransform and useTransition options from iScroll do?

I have been searching for some time but can't find an answer to this question. In some forum entries some say it's better for performance to set useTransform: false and others true. The same goes to useTransition.

I have also read that setting -webkit-transform:translate3d(0,0,0); to the scrolled div helps it to go faster. But isn't useTransform option setting this css property?

Could someone please explain me what they do

1.useTransform 2.useTransition 3.-webkit-transform:translate3d(0,0,0)

and which of the options (true/false for 1 and 2, active/inactive for 3) is better for performance?

Thanks.

like image 938
Alvaro Avatar asked Sep 01 '12 13:09

Alvaro


1 Answers

  1. Difference between useTransition true/false
  2. Problem with useTransform
  3. Optimization using -webkit-transform

I'm not sure that useTransition:true really help you.

Also you can read Fast animation with iOS WebKit

like image 199
Ivan Dyachenko Avatar answered Sep 22 '22 13:09

Ivan Dyachenko