From 44714c5c0c7de1e0be03ca0385394489e562cb63 Mon Sep 17 00:00:00 2001
From: cupcakearmy <hi@nicco.io>
Date: Wed, 11 Nov 2020 22:25:30 +0100
Subject: [PATCH] scroll top

---
 src/routes/_layout.svelte | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/routes/_layout.svelte b/src/routes/_layout.svelte
index 143114d..d8061dc 100644
--- a/src/routes/_layout.svelte
+++ b/src/routes/_layout.svelte
@@ -1,15 +1,29 @@
 <script>
   import { onMount } from 'svelte'
+  import { stores } from '@sapper/app'
 
   import Nav from '../components/Nav.svelte'
 
   export let segment
   let wrapper
+  let main
 
   function resize() {
     wrapper.style.height = `${window.innerHeight}px`
   }
 
+  const { page } = stores()
+  let last = ''
+
+  $: {
+    const { host, path } = $page
+    const full = host + path
+    if (last !== full) {
+      last = full
+      if (main) setTimeout(() => (main.scrollTop = 0), 150)
+    }
+  }
+
   onMount(() => {
     const listener = window.addEventListener('resize', resize)
     resize()
@@ -45,7 +59,7 @@
 
 <div bind:this={wrapper}>
   <Nav {segment} />
-  <main>
+  <main bind:this={main}>
     <slot />
   </main>
 </div>