fix: scrolling position

johnnygerard · Feb 5, 2024 · 2e711d2 · 2e711d2
1 parent 4d984b8
commit 2e711d2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,3 +1,4 @@
-<div [@routeAnimations]="routeAnimationState" [@slideshow]="(data$ | async)?.['paintingIndex']">
+<div [@routeAnimations]="routeAnimationState" [@slideshow]="(data$ | async)?.['paintingIndex']"
+    (@routeAnimations.done)="scrollToTop()">
   <router-outlet />
 </div>
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -60,6 +60,10 @@ const slideshowAnimation = animation([
 export class AppComponent {
   constructor(private _nestedOutlets: ChildrenOutletContexts) { }
 
+  scrollToTop(): void {
+    scrollTo(0, 0);
+  }
+
   get activatedRoute(): ActivatedRoute | null | undefined {
     return (this._nestedOutlets.getContext('primary'))?.route;
   }