Queria saber como hacer estas divas de facebook, mientras una eternamente desplaza a la otra solo hasta el final de si misma. Sin embargo, ambos se enrollan, el primero ingresa la descripción de la imagen aquí y se fija en su inicio.
Usando la position: sticky puedes lograr este efecto.
main { height: 2000px; display: flex; gap: 10px; } aside { flex: none; width: 170px; background: tomato; position: sticky; top: 10px; height: 200px; } article { flex: 1; background: linear-gradient(180deg, rgba(163,122,255,1) 0%, rgba(179,255,0,1) 100%); height: 100%; } <header> <h1>Header</h1> </header> <main> <aside> I'm sticky! </aside> <article>Main content</article> </main>