Ce este Viewport Control
Ce este Viewport Control în Elementor? Este un control cu două glisoare care vă permite să definiți punctele de pornire și de sfârșit ale ferestrei de vizualizare pentru efectele de defilare.
Vizualizarea este zona vizibilă a utilizatorului a unei pagini web. Această zonă vizibilă variază în dimensiune în funcție de dispozitiv.
Când derulați în jos, fiecare element intră în fereastra de vizualizare din partea de jos a ecranului. Când un element apare pentru prima dată din partea de jos a ferestrei de vizualizare, aceasta reprezintă 0 procent din partea de jos. Pe măsură ce derulează mai mult în vizualizare, procentul locului său în fereastra de vizualizare se modifică. Când mijlocul vertical al elementului se află în centrul ferestrei de vizualizare, acesta este la 50%.
Dacă Viewport Control este setat la 0 Bottom și 100 Top, atunci mișcarea va începe când elementul intră pentru prima dată în fereastra utilizatorului din partea de jos a ecranului și se va opri când elementul iese din viewport.
Dacă setați la 30 jos și 65 sus, mișcarea va începe când elementul a intrat și a ajuns la 30% din fereastra de vizualizare și se va termina când a atins 65% din fereastra de vizualizare.
Dacă utilizați un efect de mișcare, cum ar fi Transparență > Fade Out, efectul va fi complet vizibil la 0%, ar începe să dispară când elementul ajunge la 30% din fereastra de vizualizare, ar fi complet invizibil când ajunge la 65% și apoi ar începe să se estompeze înapoi la 65% din fereastra de vizualizare, până când ajunge la vizibilitate deplină în momentul în care iese din fereastra de vizualizare.
Fade In Out ar fi exact opusul. Când elementul intră pentru prima dată în fereastra de vizualizare la 0%, ar fi ascuns. Când elementul ajunge la 30% din fereastra de vizualizare, ar începe să se estompeze, devenind din ce în ce mai vizibil până când atinge vizibilitatea maximă la 65%. La 65%, va începe apoi să se estompeze înapoi până când va fi complet ascuns din nou în momentul în care părăsește fereastra de vizualizare.
Pentru confortul dvs. urmăriți acest tutorial și în format Video. Video creat de echipa de asistență Elementor.
