角度滚动到子位置

Question

我是Angular的新手。 我有2个视图，一个：

<div class="block">
  <p>
    one works!
  </p>
</div>

<router-outlet></router-outlet>

和两个

<div class="block">
  <p>
    two works!
  </p>
</div>

我创建了一些CSS：

.block {
    height: 1000px;
    background-color: pink;
}

这个想法是 two 是 one 的子级，但是当您在 two 上时， one 的内容strong>仍然可见。这没有问题。 问题是，当我导航到 two 时，页面仍停留在顶部。我希望它滚动到<router-outlet>或两个的顶部。

可以做到吗？

Answer 1

在您的HTML中，为块提供两个唯一的ID：

<div id="block-two" class="block">
  <p>
    two works!
  </p>
</div>

在您的ts中，单击事件时调用以下代码：

document.getElementById('block-two').scrollIntoView();

Answer 2

您必须在此处获得html 锚链接的帮助。

也请看看这个link