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

最后发布: 2017-08-13 00:09:25


问题

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

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

任何帮助是极大的赞赏。

javascript angular scroll
回答

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

window.scrollTo(xCoord, yCoord);

参数

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


回答

您不需要额外的库来执行此操作。 使用以下语法,标准HTML标记就足够了

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

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