scrollIntoView() 不适用于应用程序选择器

Question

有人知道滚动到锚点的正确实现吗？这种方法不起作用： Angular2 scroll to element that has *ngIf

这是引用其他组件的模板：

<app-app1 id="id1"></app-app1>
<app-app2 id="id2"></app-app2>
<app-app3 id="id3" *ngIf="test"></app-app3>

通过单击一个按钮，我想滚动到相应的部分：

let elm = document.querySelector("#id1");
if (elm)
  elm.scrollIntoView();

scrollIntoView() 已执行，但它滚动到错误的位置（例如到该部分的中间）并且根本不适用于 app-app3。

Answer 1

我是这样解决的： 1.从应用选择器组件中删除“id3”：

   change: <app-app3 id="id3" *ngIf="test"></app-app3>
   to:     <app-app3 *ngIf="test"></app-app3>

1. 将新的 div 放在组件的最顶部：

1. 更改：

let elm = document.querySelector("#id3");
if (elm)
  elm.scrollIntoView();

到：

let elm = document.getElementById("id3");
elm.scrollIntoView({behavior: "instant", block: "center", inline: "center"});