Tengo dos divs, uno es maestro y el otro es esclavo, me gustaría que esclavo y maestro se siguieran en el desplazamiento.
el maestro siempre tendrá el mismo ancho y alto, pero el esclavo puede tener cualquier ancho y cualquier altura.
Problema: cuando empiezo a desplazarme, se activa un ciclo infinito porque estoy usando dos useEffects para mirar el porcentaje de desplazamiento de los demás y actualizar el desplazamiento en consecuencia.
Caja de arena: https://codesandbox.io/s/xenodochial-feather-3teev?file=/src/App.js
Lo descubrí, usar ganchos useEffect fue un error, porque cuando una posición cambia, la otra también lo hará y esto provocó un bucle infinito. Simplemente usé el accesorio onScroll y seleccioné el nodo principal y luego el otro div dentro del principal y modifiqué la posición de desplazamiento de esa manera.
La forma más fácil de entender es mirar el código: https://codesandbox.io/s/react-js-scroll-sync-ee9wb