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

提问于 2024-04-26T05:15:06+08:00

浏览次

6

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

我已经看到这可以用JQuery（Scroll to top of page），但我想知道是否有一种方法留在Angular 4堆栈中 .

任何帮助是极大的赞赏 .

2 回答

11
只需使用本机JavaScript window.scrollTo方法 - 传入0,0会立即将页面滚动到左上角 .
```
window.scrollTo(xCoord, yCoord);
```
参数
- xCoord是沿水平轴的像素 .
- yCoord是沿垂直轴的像素 .
回复于 2024-04-26T05:15:06+08:00
2
您不需要额外的库来执行此操作 . 使用以下语法，标准HTML标记就足够了
```
<div id="place">
   Something.....
</div>

<a target="#place">Click Here .....!</a>
```
回复于 2024-04-26T05:15:06+08:00

相关问题