FIJAR TEXTO EN SCROLL

Establecer el área de fijación del objeto. Se refiere a la zona de la pantalla (superior, central o inferior) con respecto a la cual se inicia el efecto de fijación. Observe que las formas del ejemplo están fijadas en el centro de la pantalla.

Es el punto de partida de la fijación del objeto respecto a la opción de selección: Ventana superior / Ventana central / Ventana inferior.

Es la distancia en píxeles que tiene que pasar el objeto en modo fijo.

1. Añade un Zero Block de la Biblioteca de bloques a la página y dirígete al editor de bloques. 2. Coloca dos objetos en el espacio de trabajo, en vertical, uno detrás de otro.

2. Configure los objetos para que tengan la misma área de fijación. Ponemos como ejemplo WINDOW CENTER: ambos objetos se fijan en el centro de la pantalla.

3. Es mejor elegir el tamaño final de todos los elementos y la distancia entre ellos al principio. El tamaño de cada elemento afectará a los parámetros de la animación.

1. Empecemos configurando el Desplazamiento del disparador / Punto de inicio de la animación.

El punto se cuenta en relación a nuestra área elegida - Centro de la ventana.

Empiece desde el objeto situado en la parte superior. Eso hace más fácil calcular los puntos de inicio para la animación de los objetos restantes. El objeto superior tiene 0px establecido como punto de inicio de la animación. Esto significa que se pegará exactamente en el centro de la pantalla.

El objeto inferior debe pegarse cuando toque al objeto superior. Esto significa que su punto de inicio de animación será menor que la altura del primer objeto. Establezcamos una sangría de 100px.

2. Establezca la distancia.

Esta es la distancia que el objeto debe pasar mientras está en modo fijo. Empieza a configurar la animación desde el objeto inferior, de esta forma te será más cómodo calcular la distancia de "pegado".

Cuadrado. Si vuelve a mirar el ejemplo, observará que el cuadrado no cubre ninguna distancia mientras está en modo fijo, simplemente permanece fijo bajo el círculo. Esto significa que debemos establecer la distancia en 0px.

Círculo. El círculo en modo fijo recorre la distancia hasta llegar al cuadrado. El efecto de fijación desaparece después de eso, y ambas figuras pueden desplazarse como de costumbre.

Esencialmente, el círculo tiene que llegar a la posición del cuadrado pero se detiene un poco más arriba para pegarse a él.

Esto significa 400px - 100px (altura del cuadrado) = 300px