Tengo un componente de clase React que está separado en la mitad izquierda y la mitad derecha, el lado izquierdo tiene opciones para seleccionar como Frutas, Verduras, Basura y en el lado derecho, se muestra una lista de ese elemento. Problema: supongamos que hago clic en Frutas y me desplazo por el lado derecho hasta la mitad de la lista, y luego vuelvo a hacer clic en Frutas para llevarme al lugar donde estaba anteriormente. Esperado: al hacer clic en Fruta nuevamente, debería mostrarse la lista desde la parte superior.
Probé window.scrollTo(0,0) y window.scrollBy(0, topRef.current.offsetTop) pero está desplazando toda la ventana, incluido el lado izquierdo. ¿Cómo puedo desplazarme por el lado derecho de los elementos al volver a renderizar?
Intente usar ScrollIntoView en lugar de scrollTo y scrollBy.
agregue una identificación al elemento donde desea desplazarse y use scrollIntoView con esa identificación
document.getElementById(elId).scrollIntoView({behavior: "smooth", block: "nearest", inline: "nearest"});