Angular 4：以编程方式滚动到页面顶部

Question

有谁知道如何使用Angular 4并以编程方式将页面滚动到顶部？我的用例是我有一个搜索页面，输入位于顶部，其他搜索结果页面的链接位于底部。当用户单击链接（2,3,4 ...）时，我希望页面填充新结果（功能已完成），然后滚动到页面顶部以显示结果（此功能不是完成）。

我已经看到这可以通过JQuery（Scroll to top of page）实现，但我想知道是否有办法留在Angular 4堆栈中。

非常感谢任何帮助。

Answer 1

只需使用原生JavaScript window.scrollTo方法 - 传入0,0会立即将页面滚动到左上角。

window.scrollTo(xCoord, yCoord);

参数

• xCoord是沿水平轴的像素。
• yCoord是沿垂直轴的像素。

Answer 2

您不需要额外的库来执行此操作。使用以下语法

，标准HTML标记就足够了

<div id="place">
   Something.....
</div>

<a target="#place">Click Here .....!</a>