Saltar al contenido principal




los Control de ventana gráfica es un control deslizante doble que le permite definir los puntos de inicio y final de la ventana gráfica para los efectos de desplazamiento.

La ventana gráfica es el área visible del usuario de una página web. Esta área visible varía de tamaño según el dispositivo.

Al desplazarse hacia abajo, cada elemento ingresa a la ventana gráfica en la parte inferior de la pantalla. Cuando un elemento aparece por primera vez desde la parte inferior de la ventana gráfica, eso representa un 0 porcentaje desde la parte inferior. A medida que se desplaza más hacia la vista, cambia el porcentaje de su lugar en la ventana gráfica. Cuando el centro vertical del elemento está en el centro de la ventana gráfica, está al 50%.

Si el Viewport El control se establece en 0 Inferior y 100 Superior, luego el movimiento comenzará cuando el elemento ingrese por primera vez a la ventana del usuario en la parte inferior de la pantalla, y se detendrá cuando el elemento salga de la ventana.

Si se establece en 30 Inferior y 65 Superior, el movimiento comenzará cuando el elemento haya entrado y alcanzado el 30% de la ventana gráfica, y finalizará cuando haya alcanzado el 65% de la ventana gráfica.

Si utiliza un efecto de movimiento como Transparencia > Fundido en, el efecto sería completamente visible al 0%, comenzaría a desvanecerse cuando el elemento alcance el 30% de la ventana gráfica, sería completamente invisible cuando alcance el 65% y luego comenzaría a desaparecer en el 65% de la ventana gráfica , hasta que alcance la visibilidad completa en el momento en que salga de la ventana gráfica.

Fade In Out sería todo lo contrario. Cuando el elemento ingrese por primera vez a la ventana gráfica al 0%, estará oculto. Cuando el elemento alcanza el 30% de la ventana gráfica, comenzará a desvanecerse, volviéndose cada vez más visible hasta alcanzar la visibilidad máxima al 65%. Al 65%, comenzará a desvanecerse hasta que esté completamente oculto nuevamente cuando salga de la ventana gráfica.

R Marketing Digital