fix(Footer): Modify transition

useverto · Oct 22, 2020 · 443554f · 443554f
1 parent 57cbd32
commit 443554f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
@@ -2,16 +2,20 @@
   import { fade } from "svelte/transition";
   import { backOut } from "svelte/easing";
 
+  export let scrollTransition: boolean = false;
+
   let element,
     y,
     windowHeight,
     shown = false;
 
+  if (!scrollTransition) shown = true;
+
   // fade animation
   $: {
-    if (element !== undefined) {
+    if (element !== undefined && scrollTransition) {
       let componentY = element.offsetTop + element.offsetHeight;
-      if (componentY <= y + windowHeight + 120 && !shown) shown = true;
+      if (componentY <= y + windowHeight + 60 && !shown) shown = true;
     }
   }
 </script>

diff --git a/src/routes/index.svelte b/src/routes/index.svelte
@@ -72,4 +72,4 @@
     Let's chat!
   </p>
 </About>
-<Footer />
+<Footer scrollTransition={true} />