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

Bla*_*ite 6 javascript scroll angular

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

我已经看到这可以用JQuery(滚动到页面顶部),但我想知道是否有一种方法可以留在Angular 4堆栈中.

任何帮助是极大的赞赏.

Dr.*_*. X 11

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

window.scrollTo(xCoord, yCoord);
Run Code Online (Sandbox Code Playgroud)

参数

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