Figma short tutorial: Back to Top interaction

A quick figma tutorial that will show you how to create a "back to top" interaction using the "Scroll to" animation.

To go deeper into fixed positioned elements and creating "stick elements", you should check out this tutorial -

To get a better knowledge and learn about he "Scroll to" interaction in figma, please see this tutorial -

#yarivbe #figmatutorial #scrollto-interaction

[milkastojakovic]

I've had SO much trouble with back to top button, I followed some complex methods that I've found here on youtube, but this one is SO easy, thank you so much. You saved me a lot of time 🙏

[waltergcuriel]

Nice tutorial! just tried it with regular button symbols and a navbar symbol and they work as well. Thanks!

[hadirahmani]

thanks a lot, i have a simple question, can we hide bottom floating action button during scrolling?

[maryamabaee]

Hello Yariv, thanks for your Video. One Question, what if we don't want to see this button the whole time of scrolling of our display (App and web) . I have seen that this button appears when I want to go to the top. It appears from left side of my mobile

[FC-dzto]

Thank you Yariv for your video, super helpful :) I followed the steps in your videos but my "back to top" button does not scroll to the top. Could you please advise? Thanks!

[jose_reyes]

But this is a very easy solution and not that accurate; in development the back to top button appears after scrolling down and then disappears, also for mobile environment you don‘t have a mouse to test the prototype.