首页 > 解决方案 > ViewChildren 中的 Angular 滚动 2 个不同的滚动条

问题描述

我有 2 个组件。第一个有一个滚动条,第二个有一个*ngFor里面有一个手风琴。每个手风琴都有一个滚动条。我需要的是滚动第一个容器,然后滚动第一个手风琴直到最后一个手风琴。基本上第一个 div 有很多图像,手风琴是类别。所以我应该能够滚动带有所有图像的 div,并看到相关手风琴中的图像也滚动。这是我到目前为止所做的。它部分工作。第一个手风琴是正确的。但秒不是从开始,而是从结束开始。它应该再次为 0,然后向下滚动。

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;
    }); 
}

标签: javascripthtmlangulartypescriptdom

解决方案


推荐阅读