Skip to content

Instantly share code, notes, and snippets.

@ruucm-working
Created May 22, 2019 16:40
Show Gist options
  • Select an option

  • Save ruucm-working/46c4f9914b6cfb664db035ad2776d744 to your computer and use it in GitHub Desktop.

Select an option

Save ruucm-working/46c4f9914b6cfb664db035ad2776d744 to your computer and use it in GitHub Desktop.
--- a/adidas-landing.framerfx/code/App.tsx
+++ b/adidas-landing.framerfx/code/App.tsx
@@ -16,9 +16,19 @@ export function Scroll(): Override {
})
} else if (showHeader == false && move > -40) {
showHeader = true
- await headerAnim.start({
+ headerAnim.start({
top: 0,
})
+ await arrowAnim.start({
+ bottom: 50,
+ transition: {
+ duration: 0,
+ },
+ })
+
+ arrowAnim.start({
+ bottom: 0,
+ })
}
},
}
@@ -32,3 +42,11 @@ export function Header(): Override {
animate: headerAnim,
}
}
+
+var arrowAnim
+export function Arrow(): Override {
+ arrowAnim = useAnimation()
+ return {
+ animate: arrowAnim,
+ }
+}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment