javascript - Angular 4 : Scroll to top of page programmatically

Question

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

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

非常感谢任何帮助。

Answer 1

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

window.scrollTo(xCoord, yCoord);

参数

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