Editor de Wix Studio: crear secciones y elementos adhesivos
3 min
En este artículo
- Aplicar la posición adhesiva a un elemento o sección
- Quitar la posición adhesiva
- Tutoriales útiles
Haz que una sección o un elemento se fijen en la página a medida que los visitantes se desplazan hacia arriba y hacia abajo. Cuando el elemento o la sección llega a la ventana gráfica del visitante, se pega en la parte superior, inferior o ambas. Puedes establecer el desplazamiento, que es la distancia desde la parte superior o inferior.
Ve a nuestra Academia de Wix Studio (contenido en inglés) para ver otros webinarios, tutoriales y cursos de Wix Studio.
¿Sabías lo siguiente?
Puedes agregar un efecto de desplazamiento de encabezado para que cambie de aspecto a medida que los visitantes se desplazan hacia arriba y hacia abajo. Por ejemplo, haz que el encabezado cambie de color cuando los visitantes se desplazan o apártalo para ayudar a que los visitantes se centren en la página.
Aplicar la posición adhesiva a un elemento o sección
- Selecciona la sección o el elemento correspondiente.
- Haz clic en el icono Abrir Inspector profesional en la parte superior derecha del editor.
en la parte superior derecha del editor.
- Desplázate hacia abajo hasta Posición.
- Selecciona Adhesiva en el menú desplegable Tipo de posición.
- Elige dónde se pega la sección o el elemento: Arriba, Abajo, o Arriba y abajo.
- (Opcional) Ingresa un valor de delimitación para crear un espacio arriba o abajo.
Nota sobre el orden DOM:
De forma predeterminada, el orden DOM de la página, incluido el orden de las secciones, se organiza automáticamente. Si quieres que una sección "adhesiva" aparezca por encima de las demás en el DOM, haz clic con el botón derecho en la sección, selecciona Ordenar y Poner al frente.
Quitar la posición adhesiva
Siempre puedes revertir elementos y secciones a la posición predeterminada. Esto significa que ya no se pegan a la pantalla al llegar a la ventana de visualización, sino que permanecen en su posición.
Para eliminar la posición adhesiva:
- Selecciona la sección o el elemento correspondiente.
- Haz clic en el icono Abrir Inspector profesional en la parte superior derecha del editor.
- Desplázate hacia abajo hasta Posición.
- Selecciona Predeterminada en el menú desplegable Tipo de posición.
Tutoriales útiles
Hay tantos efectos interesantes que puedes crear con secciones y elementos adhesivos. Echa un vistazo a estos videos de la Academia de Wix Studio y explora tus opciones (contenido en inglés):