top.diff

--- a/adidas-landing.framerfx/code/App.tsx
+++ b/adidas-landing.framerfx/code/App.tsx
@@ -8,6 +8,27 @@ export function Scroll(): Override {
     async onScroll(e) {
       var move = e.point.y
       log('move', move)
+
+      if (showHeader && move < -50) {
+        showHeader = false
+        headerAnim.start({
+          top: -100,
+        })
+      } else if (showHeader == false && move > -40) {
+        showHeader = true
+        await headerAnim.start({
+          top: 0,
+        })
+      }
     },
   }
 }
+
+var headerAnim
+var showHeader = true
+export function Header(): Override {
+  headerAnim = useAnimation()
+  return {
+    animate: headerAnim,
+  }
+}