javascript - 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;
});
}
解决方案
推荐阅读
- javascript - 将嵌套数组覆盖到同一个对象中
- python - 如何将 pandas.core.series.Series 和 numpy.int32 合并到 pandas.core.frame.DataFrame?
- react-native - 可以这样堆叠搜索结果吗?
- python - 如何在 python 中正确填充 4d 数组/矩阵?
- php - CodeIgniter 控制器中的函数(download_report())在本地机器上运行,但在服务器上不运行
- c#-7.0 - ValueTuple 的基本类型
- python-sphinx - 转义 reStructuredText Sphinx 中的特殊字符
- excel - 我有一个很长的公式数组,替换函数没有填充单元格
- excel - 如何使用相关数据查找特定单元格?
- scala - 如何在 Apache Spark 中反转排列 DataFrame