滚动到顶部时进度条动画问题

Question

我正在开发具有角度的电子应用程序。 我在使用scrollTo函数更改页面时发现了进度栏动画问题。

这是我的情况。

我的路由器插座位于div中，但是在某些页面中内容太长， 因此div旁边有一个进度条。 我将一个类添加到div中，并使用“ scrollTop”让滚动条回到顶部。 而且即使我用0填充进度值，我的进度条动画也将从100％开始并立即反弹回0。

我还使用了Angular在RoterModule中提供'scrollPositionRestoration'的方法，但是它不适用于div中的router-outlet。

是否有防止动画问题的解决方案，并将div滚动回到顶部。 谢谢！

app.component.html->

it('should pass', async () => {
    await otherAsyncMethod();
    await expect(campaignMember.getCampaignMembers(currentParent)).to.eventually.equal('No campaigns for current period.');
  });

app.component.ts->

<div class="container">
    <div class='logoContainer'>
        <img [src]='logo' class='logo'/>
    </div>
    <div class="content">
        <router-outlet (activate)="onActivate($event)"></router-outlet>
    </div>
</div>

Here is the gif to show what happend