Desplazamiento y desbordamiento

Puedes definir cómo se desplaza el contenido que sobresale de un marco del prototipo.

Pixso admite desplazamiento vertical, horizontal o en ambas direcciones.

1. Desplazamiento vertical

Permite recorrer el contenido hacia arriba y abajo, como en una página larga de una aplicación de compras o noticias.

2. Desplazamiento horizontal

Permite recorrer el contenido hacia izquierda y derecha sin cambiar la posición vertical. Es útil para carruseles.

3. Desplazamiento horizontal y vertical

Permite desplazarse en cualquier dirección dentro del marco. Es habitual en vistas de mapas.

Consejo: el contenido debe sobresalir de los límites del marco para que el desplazamiento tenga efecto.

Configurar una zona desplazable

1. Crea un marco exterior para el área visible del prototipo. Sus dimensiones definen la ventana de visualización.
2. Coloca dentro el contenido más largo o ancho. Debe sobrepasar el marco en la dirección del desplazamiento.
3. Selecciona el marco exterior y abre Prototipo.
4. Configura el desbordamiento como vertical, horizontal o en ambas direcciones.
5. Reproduce el prototipo y comprueba que puedas llegar al contenido que queda fuera.

Para una página vertical, el contenido debe ser más alto que la zona visible. Para una franja horizontal, debe ser más ancho. Para una zona similar a un mapa, debe sobrepasarla en ambas direcciones.

Prueba el desplazamiento vertical con la rueda del ratón o arrastrando durante la presentación. Utiliza el arrastre para el desplazamiento horizontal o bidireccional.

Si el marco no se desplaza

• Comprueba que el contenido esté anidado dentro del marco visible y no colocado a su lado.
• Comprueba que sobrepase sus límites en la dirección elegida.
• Aplica el ajuste al marco que contiene el contenido.
• Prueba durante la reproducción del prototipo, no solo en el lienzo de diseño.