I’m updating my landing page, and I’d like to call attention to the sign-up form when the user hits ‘Join’ in the floating header. I’ve done so by creating a ‘bounce’ animation for the form.
The interaction goes:
- User hits ‘Join’ button
- Page scrolls up to top section (with form)
- Form bounces
I don’t know how to time #3 so that it occurs only when the section is in view. The timing will vary depending on how deep on the page the user was previously.
Could someone please take a look and advise?