What to use the Transform and useTransition parameters from iScroll?

Question

I searched for a while, but cannot find the answer to this question. In some forum posts, some say it’s better to set useTransform for false for performance: false and others for true. The same goes for using Transition.

I also read that the parameter -webkit-transform: translate3d (0,0,0); to a scrollable div helps it move faster. But the useTransform parameter is not used to set this css property?

Can someone explain to me what they do

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

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

Thanks.

Answer 1

• The difference between useTransition true / false
• Problem with useTransform
• Optimization using -webkit-transform

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

Also you can read Quick animation with iOS WebKit

Answer 2

So, after more than a year, I think I understand what is happening. Both useTransform and useTransition are related to css3 properties.

- Transform with Translate Transformation

- Transition , this simply refers to the time during which the translation is performed.

The css3 conversion should work better than the usual top / left properties, as here.

Translated 3D (0,0,0) or translateZ (0) is a hack that improves performance .

About which combination is better Im not sure yet, as if only one scroll with conversion, transition, translateZ (0) should work best, as I understand it, I have some problems when a large iscroll has smaller iscrolls inside.

I hope this helps someone.