Demo · técnica de scroll horizontal

El sistema de cuatro marcas.

La página sigue siendo vertical; solo esta sección se mueve de izquierda a derecha. Desliza, arrastra, usa las flechas o el teclado. En móvil se desliza con el dedo.

Desliza → · 01 / 04

01 / 04

Superpremium · Holística

Pure

La marca especializada.

0SKUs

0Carne fresca

0Natural

02 / 04

Premium · Nutrición inteligente

Avantis Pet

La premium de escala.

0Fórmulas

0Botánicos

0Acciones

03 / 04

Volumen · Gama completa

Petcool

El lineal completo.

0SKUs

0Categorías

0Proveedor

04 / 04

Entrada · Gran consumo

Comet

El volumen de entrada.

0SKUs

20kgFormato

EUOrigen

Por qué este scroll sí tiene sentido

Las 4 marcas son una secuencia natural (de superpremium a entrada). Recorrerlas de lado cuenta el "portfolio por niveles" mientras avanzas, y la página vertical no se alarga. La misma técnica sirve para la gama de producto (fichas en fila) o la galería de la crew de Petcool.

scroll-snap nativoswipe en móvilflechas + tecladoaccesiblesin secuestrar el scroll vertical