Quiero hacer que cuando un usuario se desplaza hacia abajo en una página, uno de mis componentes de reacción llega a la parte superior de la página y permanece allí, sin subir más.
Enlace Imgur a la aplicación 'intranet' que estoy construyendo: https://imgur.com/a/nWdDOrC
En la imagen, el componente con el borde rojo grueso debe permanecer en la parte superior de la página al desplazarse, con un margen. Intenté fijar la posición, pero no la quiero estática, solo que no se puede desplazar más allá de la parte superior de la página.
Hay otras preguntas similares, pero ninguna que parezca abordar exactamente este problema en particular; corríjame si me equivoco.
sticky mirar la posición fija en css.
Un elemento fijo alterna entre relativo y fijo, dependiendo de la posición de desplazamiento. Se coloca en relación hasta que se alcanza una posición de desplazamiento determinada en la ventana gráfica; luego, se "pega" en su lugar (como posición: fija).
.component { position: sticky; top: 0; }referencia: https://www.w3schools.com/howto/howto_css_sticky_element.asp