¿Cuál es el nombre del diseño de diseño de sitio web receptivo vertical, lado a lado?

El contenido de lado a lado y el título de la página, el estilo del diseño web. Un ejemplo de esto es el sitio web de Melanie Daveid . Está muy bien diseñado, y estoy impresionado. Y estoy muy interesado en el diseño, por lo que sería genial si alguien pudiera decirme cómo se llama.

PD: Sí, busqué en Google, pero supongo que no pude encontrar las palabras clave adecuadas para encontrar los resultados adecuados.

@damd Quiero decir, parece que es un desplazamiento de paralaje, pero, de nuevo, si estuviera seguro, no estaría preguntando aquí. Entonces, ¿es el desplazamiento de paralaje?
Sí, podría ser, pero *para especificar, quise decir cómo el título/portada de la página estaba en el lado izquierdo y se desplazó hacia abajo con el desplazamiento del usuario, mientras que la mitad derecha de la página se desplazaba por el contenido de la página específica.
@damd Hmm, bueno, aquí hay dos formas en que podemos hacerlo, la primera es asumir que es una variante del desplazamiento de paralaje, y la segunda es esperar hasta que alguien más que esté seguro de una respuesta responda aquí. Creo que el mejor camino a seguir es el primero, hasta el segundo.
El diseño 'lado a lado' no tiene nada que ver con el desplazamiento de paralaje, es solo un diseño. No estoy seguro de que haya un término para eso... No todo tiene que ser 'llamado' algo, es solo un diseño. Sin embargo, alguien más puede proporcionarle algunos términos de búsqueda.
Creo que el término es "elemento pegajoso". El único elemento donde sucede algo es el área blanca de la izquierda. El lado derecho son solo imágenes una encima de la otra y nada más. No revisé el código, pero así es como podría suceder. Las imágenes tienen un elemento principal. Cuando la parte superior de ese elemento principal toca la parte superior de la ventana gráfica, el lado izquierdo blanco obtiene una nueva clase que cambia la posición a fija y la altura al 100 %, esencialmente pegándolo a la ventana gráfica. Cuando la parte inferior de la imagen principal toca la parte inferior de la ventana gráfica, la clase se elimina y vuelve a la normalidad.
@damd pregunta ha sido respondida.

Respuestas (1)

Este tipo de diseño se denomina diseño dividido , por la sencilla razón de que presenta divisiones obvias, a menudo en dirección vertical. Google tiene algunos resultados bastante buenos al buscar usando este término.

ingrese la descripción de la imagen aquí La imagen de arriba proviene de un artículo/plantilla de Codrops sobre diseños divididos .


El movimiento en la página que vinculó no utiliza el desplazamiento de paralaje. Parallax significaría que los elementos se mueven a diferentes velocidades en función de sus capas, lo que no sucede en esta página.

En cambio, como comentó Joonas , este comportamiento de desplazamiento hace uso de elementos adhesivos. Esto se puede implementar mediante position: stickynavegadores que lo implementen ( poco soporte actualmente ), pero también puede usar un polyfill para obtener soporte completo del navegador.

Gracias, esto responde perfectamente bien. Y Joonas también. Esta es la información que estaba buscando.