Cosa fa useTransform e useTransition options da iScroll do?

Question

Ho cercato per un po 'di tempo ma non riesco a trovare una risposta a questa domanda. In alcune voci del forum alcuni dicono che è meglio per le prestazioni impostare useTransform: false e altri true. Lo stesso vale per useTransition.

Ho anche letto quell'impostazione -webkit-transform: translate3d (0,0,0); al div scrollato lo aiuta ad andare più veloce. Ma non è l'opzione useTransform che imposta questa proprietà css?

Qualcuno potrebbe spiegare a me quello che fanno

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

e quali delle opzioni (vero/false per 1 e 2, attivo/non attivo per 3) è migliore per le prestazioni?

Grazie.

Answer 1

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

non sono sicuro che useTransition: vero davvero aiutare.

Inoltre è possibile leggere Fast animation with iOS WebKit

Answer 2

Così, dopo più di un anno Credo di capire cosa succede. Sia useTransform e useTransition riferiscono alle proprietà CSS3

- Transform con Translate trasformazione

- Transition questo solo referes al tempo della translate dura.

css3 transform dovrebbe funzionare meglio delle normali proprietà in alto a sinistra come explained here.

translate3d (0,0,0) o translateZ (0) è un hack that improves performance.

Informazioni su quale combinazione è meglio Non sono ancora sicuro, come se solo una pergamena con trasformazione, transizione, translateZ (0) dovesse funzionare al meglio per quanto ho capito, sto avendo qualche problema quando un grosso iscroll ha dimensioni minori iscriviti dentro

Spero che questo aiuti qualcuno.