如何使用rxjs6在Angular 8中实现滚动动画？

Question

我有最新的模板：

<div id="top">
...
</div>

在组件中，我有以下方法：

onTripSave() {
    let top = document.getElementById('top');
    if (top !== null) {
      top.scrollIntoView();
      top = null;
    }  
  }

此方法在完成保存后滚动到顶部，该方法可以正常工作。我需要的scrollIntoView不仅仅是滚动到顶部，我会为该滚动的动画。请注意，我使用的是rxjs6，所以我想我需要使用管道编写代码。

Answer 1

我更喜欢使用角度动画，但现在我使用jquery解决方案，如下所示：

$("html, body").animate({ scrollTop: 0 }, "slow");

我找到了以下解决方案，但它不是有效的RXJS6代码：Angular 4 - Scroll Animation

Answer 2

你看过ngx-page-scroll吗？

https://www.npmjs.com/package/ngx-page-scroll

这将允许您只需向链接元素添加一个属性和目标位置，并在页面上引用不同的元素。

<a pageScroll href="#monthlyDeals">Monthly Promos</a>
<!-- Content --->
<div id="monthlyDeals">(Content Goes Here)</div>

他们的文档简单易懂，适用于我所需要的应用程序。