Sticky Elements le permite mantener un elemento específico fijo mientras se desplaza, lo que le ayuda a crear secciones enfocadas e interactivas en su sitio web. Es una característica útil para cosas como contenido pegajoso, animaciones de desplazamiento o resaltar áreas clave a medida que los visitantes se mueven por la página.
Añade más control a sus diseños y hace que sus diseños se sientan más dinámicos y atractivos.
Configurar ajustes de PIN y disparadores
Gatillo de alfiler
Controla qué elemento determina cuándo comienza y finaliza el comportamiento pegajoso. Encontrarás dos opciones incluidas
Valor predeterminado: El comportamiento pegajoso comienza y finaliza automáticamente en función de la posición del contenedor y el desplazamiento de la ventana gráfica.
Personalizado: Le permite configurar manualmente el elemento desencadenante que controla cuando el comportamiento fijo comienza o finaliza.
Gatillo final
Valor predeterminado: Utiliza el límite de desplazamiento natural del contenedor para detener el comportamiento pegajoso automáticamente.
Personalizado: Le permite especificar un elemento personalizado que determina dónde debe terminar el comportamiento fijo. Debe ingresar el nombre de la clase CSS del elemento de destino que actuará como el desencadenador final.
bolo
La configuración de pin ofrece tres opciones: genuino, mentirosoy costumbre.
Verdadero: Mantiene el elemento fijo en la ventana gráfica mientras la página se desplaza.
falso: Permite que el elemento se desplace normalmente con la página.
Personalizado: Define el comportamiento de desplazamiento específico, como las posiciones de inicio/fin personalizadas, duraciones o activadores avanzados.
PIN Inicio
La configuración de inicio de PIN ofrece opciones como:
Superior superior, centro superior, parte superior inferior, centro superior, centro central, parte inferior central, parte inferior superior, centro inferior, inferior inferior y personalizado.
Cada opción coincide con una parte del elemento (arriba, centro, abajo) con una parte de la pantalla (arriba, centro, inferior) o utiliza una posición personalizada.
alfiler
La configuración de extremo de pin ofrece opciones similares a PIN Inicio.
Espaciado de alfileres
La configuración de espaciado de pines ofrece tres opciones: genuino, mentirosoy costumbre.
Verdadero: Agrega un espacio debajo del elemento anclado igual a su altura.
falso: No se agregará espacio para el elemento anclado.
Personalizado: Defina manualmente cuánto espacio se debe agregar donde estaba originalmente el elemento.
Marcadores de alfiler
Los marcadores de pines tienen dos opciones: genuino y mentiroso.
Verdadero: Muestra los marcadores de colores en la página para indicar el inicio y el final de los elementos anclados visualmente.
falso: Oculta los marcadores de la vista.