Hopefully, you can help -
I want to recreate a show/hide interaction. Go to: https://businessaccelerator.com ( this is not my design or work, I just like the interaction of showing the application “on request” vs. having it available without asking for it)
Click Apply to Join anywhere within the webpage.
It scrolls you to the bottom of the website.
Next, click Apply to Join in this scrolled section.
When you click the button an application appears, a Show/Hide interaction. I understand how to create the show/hide interaction ( watched the video ). But what I cannot recreate is moving the application up to the top of the screen.
What I have tried
-
I tried making the button “anchor” to the application section. That did not work; it scrolled me to the top of the page.
-
I tried making an interaction that moves the section to the top of the screen. That works, but it created unnecessary space in the section.
**I would like to make the application not only appear ( using the show/hide interaction ) but also scroll to the top of the screen; instead of just appear after the button is clicked. **
Any advice?