tengo 2 componentes El primero tiene una barra de desplazamiento, el segundo tiene un *ngFor en el que dentro hay un acordeón. Cada acordeón tiene una barra de desplazamiento. Lo que necesito es desplazar el primer contenedor y luego desplazar el primer acordeón hasta el último acordeón. Básicamente, el primer div tiene muchas imágenes y los acordeones son las categorías. Entonces, debería poder desplazar el div con todas las imágenes y ver que las imágenes en los acordeones relativos también se desplazan. Esto es lo que he hecho hasta ahora. Funciona parcialmente. El primer acordeón es correcto. Pero los segundos no comienzan desde el principio, sino desde el final. Debería estar en 0 nuevamente y luego desplazarse hacia abajo.

 scrollBoth(element: ElementRef) { const scrollDiv = element.nativeElement.children[0] as HTMLElement; this.imagesContainer.forEach(element => { const scrollImagesPanel = element.nativeElement as HTMLElement; scrollImagesPanel.scrollTop = scrollDiv .scrollTop; }); }