javascript - 在angular2中滚动顶部

Question

我正在开发 angular2 网络应用程序，我需要以下方面的帮助。我的页面由多个组件组成。我想在用户单击按钮时滚动到页面顶部。我试过document.body.scrollTop = 0; 但这在 Chrome 中不起作用。我试过 document.documentElement.scrollTop=0;window.scrollTo(0, 0);但不工作

Answer 1

这样导入，

import { Inject} from "@angular/core";
import { DOCUMENT } from '@angular/platform-browser';

在你的构造函数中添加这个，

constructor(@Inject(DOCUMENT) private document: Document) { }

然后你可以像这样在任何地方设置滚动，

this.document.body.scrollTop = 0;