Angular 4：编程实现页面滚动到顶部

Question

请问有人知道如何使用Angular 4并以编程方式将页面滚动到顶部吗？我的用例是我有一个搜索页面，输入在顶部，链接到其他搜索结果页面在底部。当用户点击链接（2,3,4...）时，我想让页面填充新的结果（功能完成），然后滚动到页面顶部显示结果（此功能尚未完成）。

我看到这可以使用jQuery实现(滚动到页面顶部)，但我想知道是否有一种方法保持在Angular 4堆栈中。

非常感谢任何帮助。

- Black Dynamite

---

你想要平滑滚动吗？ - Ploppy

Answer 1

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

window.scrollTo(xCoord, yCoord);

参数

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

- Dr. X

---

谢谢，那就是解决方案。 - Black Dynamite

你也可以使用 scrollTo(options)，其中 options 是一个 ScrollToOptions，例如：window.scrollTo({ top: 0, left: 0, behavior: 'smooth' }); - Onen simon

Answer 2

您不需要额外的库来完成这个操作。只需使用以下语法，标准的HTML标签就足够了。

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

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

- Dr. X