如何计算滚动内容的高度

Question

我正在使用ionic-3. 我想在页面中心显示垂直线，我的页面有动态数据，所以我们不能设置这条线的高度。我在下图中显示了我的页面视图。我已将 div 设置为绝对值，并为左边框提供 100% 的高度，但是当我滚动线不再存在时。所以我只想计算滚动内容的高度，然后动态设置它。让我知道您是否有更好的解决方案。

Answer 1

对于这个特定问题，还有其他一些方法可以解决这个问题。

1）您可以添加一个伪元素并将其绝对定位在包装容器中 2）添加一个带有线条的背景。

Answer 2

为组件中的元素创建 Viewchild

@ViewChild('myScrollY') scrollY: ElementRef;

添加#myScrollY到您的元素

在组件中，您可以使用以下代码获取它

this.scrollY.nativeElement.scrollHeight;