Estoy trabajando en la aplicación web angular2 donde necesito ayuda con lo siguiente. Mi página consta de múltiples componentes. Quiero desplazarme por la parte superior de la página cuando el usuario hace clic en un botón. Probé document.body.scrollTop = 0; pero esto no funciona en Chrome. Intenté document.documentElement.scrollTop=0;window.scrollTo(0, 0); pero no funciona
importar así,
import { Inject} from "@angular/core"; import { DOCUMENT } from '@angular/platform-browser';En tu constructor agrega esto,
constructor(@Inject(DOCUMENT) private document: Document) { }Luego puede configurar el desplazamiento en cualquier lugar como este,
this.document.body.scrollTop = 0;Solo usa:
window.scroll(0, 0);Resolví mi problema de desplazamiento angular usando el enlace de datos:
<div class="container" [scrollTop]="scrollTop"> ... </div>con los estilos:
.container { height: 100%; scroll: auto; position: relative; }