将元素添加到DOM后，滚动到页面底部-Angular 6

Question

我有一个将对象添加到数组中的表单，然后向用户提供创建对象的预览。

我正在用* ngFor循环数组，并将每个元素添加到屏幕底部。我的目标是在添加每个元素之后，将自动滚动到页面底部

当前我正在使用setTimeOut函数，但是我想知道是否有更好的方法？

this.createdAppointments.push(appointmentFormValues);

    setTimeout(() => {
      window.scrollTo(0, document.body.scrollHeight || document.documentElement.scrollHeight);
    }, 1);

Answer 1

您可以在新添加的项目上调用scrollIntoView方法，请参见https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView