El desplazamiento no siempre tiene que ir por la página. A veces, moverse de lado a lado es mejor, especialmente cuando muestras galerías de imágenes, secciones de funciones o una historia paso a paso.
El desplazamiento horizontal le brinda una forma más limpia y atractiva de guiar a los visitantes a través de su contenido. Es una gran opción para los aspectos más destacados del producto, la narración visual o cualquier diseño que necesite un poco de movimiento adicional para destacar.
Configurar desplazamiento horizontal RS
Habilitar desplazamiento horizontal Activa el efecto de desplazamiento horizontal en el contenedor. Encontrará tres opciones: Predeterminado, Sí y No.
Predeterminado: No se aplica ningún efecto. Sí: el desplazamiento horizontal está habilitado en el contenedor. prohibido : deshabilita explícitamente el efecto en ese punto de interrupción. Este control es receptivo, por lo que puede habilitarlo o deshabilitarlo por dispositivo (escritorio, tableta, móvil).
Modelo de trabajo Define cómo se comporta la animación de desplazamiento horizontal. Encontrarás dos opciones: normal y enmascarado.
Normal: el contenido se desplaza horizontalmente mientras el usuario se desplaza hacia abajo en la página. Enmascaramiento: los elementos se revelan con un efecto de recorte mientras el usuario se desplaza, tratando cada contenedor secundario como una diapositiva.
instrucción Controla la forma en que se mueve el contenido durante el desplazamiento. Encontrarás dos opciones: de derecha a izquierda y de izquierda a derecha.
De derecha a izquierda: dirección predeterminada, el contenido se mueve hacia la izquierda mientras el usuario se desplaza hacia abajo. De izquierda a derecha: el contenido se mueve hacia la derecha a medida que el usuario se desplaza hacia abajo.
Ancho del área de desplazamiento Establece el ancho total del área de desplazamiento horizontal como un porcentaje. Un valor del 500% significa que el contenido es 5× el ancho de la pantalla y el usuario se desplaza por todo desplazándose hacia abajo en la página. El rango es del 10% al 1000%, el valor predeterminado es 500%. Solo disponible cuando el modelo de trabajo está configurado en Normal.
Altura de la sección Establece la altura de la sección de desplazamiento pegado cuando se utiliza el modelo de enmascaramiento. Esta altura se aplica a cada elemento secundario. Solo disponible cuando el modelo de trabajo se establece en Enmascaramiento.
Desplazamiento superior Ajusta donde el área de desplazamiento horizontal comienza verticalmente, en píxeles. Use esto para tener en cuenta un encabezado fijo o una navegación fija para que el desplazamiento comience en la posición correcta en la pantalla.
barra de progreso Muestra u oculta un indicador de progreso que se llena a medida que el usuario se desplaza por el contenido horizontal, dando a los visitantes una idea de lo lejos que están en la sección.
Número de paginación Muestra u oculta un contador (por ejemplo, 2 / 5) que se actualiza a medida que el usuario se desplaza por las secciones de contenido horizontal.
