Desplazamiento de la página hacia arriba al cambiar de ruta en Angular 2+
¡Hola a todos! Soy un desarrollador principiante en Angular (versión 15). Me encontré con un problema: al navegar entre páginas a través del Router (uso `routerLink` en la plantilla y `this.router.navigate()` en los componentes), la página no se desplaza hacia arriba. Si estoy al final de una página larga y cambio a otra ruta, el usuario ve la mitad de la nueva página, no su inicio. Esto es muy molesto, especialmente en dispositivos móviles.
Intenté agregar `scrollPositionRestoration: 'top'` en la configuración de RouterModule, pero no funcionó para todos los casos. También intenté suscribirme a los eventos del Router en AppComponent y llamar a `window.scrollTo(0,0)`, pero entonces el desplazamiento ocurre antes de que el nuevo componente se cargue completamente, y visualmente se ve entrecortado. Además, noté que si uso `routerLink` con un fragmento (#section), el desplazamiento se rompe por completo.
Aquí hay un ejemplo de mi código actual:
```typescript
// app-routing.module.ts (fragmento)
const routes: Routes = [
{ path: '', component: ... }
```