angular 5 ViewChild clientHeight，scrollTop，scrollHeight后均为零

Angular 5是一种流行的前端开发框架，它基于TypeScript构建，并且提供了许多强大的功能和工具来简化开发过程。在Angular 5中，ViewChild是一个装饰器，用于在组件中获取对子组件、DOM元素或指令的引用。

clientHeight是一个DOM属性，用于获取元素的可见高度，即元素在浏览器窗口中可见的高度。

scrollTop是一个DOM属性，用于获取或设置元素的垂直滚动位置，即元素内容在垂直方向上滚动的距离。

scrollHeight是一个DOM属性，用于获取元素内容的总高度，包括由于溢出而无法在视口中显示的部分。

如果在Angular 5中使用ViewChild装饰器获取元素的clientHeight、scrollTop和scrollHeight后均为零，可能有以下几个原因：

1. 元素尚未渲染：在组件的生命周期钩子中，可能需要等待元素完全渲染后才能获取正确的clientHeight、scrollTop和scrollHeight值。可以尝试在ngAfterViewInit生命周期钩子中获取这些属性值。
2. 元素隐藏或不可见：如果元素在获取这些属性值时处于隐藏或不可见状态，它们可能为零。确保元素在获取这些属性值时是可见的。
3. 元素高度为零：如果元素本身的高度为零，那么clientHeight、scrollTop和scrollHeight属性值将为零。检查元素的CSS样式和内容，确保元素具有非零高度。

总结起来，要解决ViewChild获取clientHeight、scrollTop和scrollHeight后为零的问题，可以尝试在适当的生命周期钩子中获取这些属性值，确保元素可见且具有非零高度。如果问题仍然存在，可能需要进一步检查代码逻辑和元素的CSS样式。