Fix Locations reveal

2020-04-03 23:09:43 +02:00
parent 18eee6952e
commit 28dbc17c18
1 changed files with 27 additions and 30 deletions
--- a/src/animations/Locations.js
+++ b/src/animations/Locations.js
@@ -7,6 +7,10 @@ import { animDurationLong } from 'utils/store'
 ** Transition In
 */
 export const animateIn = scope => {
+    // Each location (reveal on scroll)
+    const locations = ScrollOut({
+        targets: scope.querySelectorAll('.location'),
+        onShown (el) {
            const tl = anime.timeline({
                autoplay: false,
                duration: 600,
@@ -34,13 +38,6 @@ export const animateIn = scope => {
                targets: scope.querySelector('p'),
                translateY: ['100%', 0]
            }, 550)
-
-
-    // Each location (reveal on scroll)
-    const locations = ScrollOut({
-        targets: scope.querySelectorAll('.location'),
-        onShown (el) {
-            tl.restart()
        }
    })
 }