How To Create a Functional 'BACK TO TOP' Button in Figma

This is a Figma prototyping tutorial for beginners where we'll go over creating a functional "scroll back to top" button in Figma. We will be working with overflow scrolling, prototyping, frames, autolayout to achieve the result.

————————
© 2022 Mavi Design

[tioroshi]

Now in prototype set "On Click" > Scroll To > Select a frame on the top, done!

[sk.q]

Hello, can you make this vlog for framer too?

[sanamadre]

What would be the substitute for mouse enter for app as in app you scroll thus mouse enter not working for me.

[jen]

after i "fix position" the scroll to top button from the second screen, the "mouse enter" prototype from page 1 does not work for me. the button wont show... how can i fix this?

[Gorilla_brown]

How do you connect one rectangle in one frame to another rectangle in another frame? I can't do it.

[kirbypotito]

Please, do a tutorial with this new update, this is not function anymore

[beluarribas]

How can I can do the same but with hover state?

[baichuanlu]

this is a mobile page, so does mouse enter still work?

[JoseReyes-prhg]

I will run my own experiments but how could you replicate this in a mobile environment where there is not a mouse available?

[zinmyowin]

Could you pls tell me which website or app do you use in this video for creating design?

[hoshinohikaru]

my figma does not show the fix position when scrolling. What should I do?

[kiarakun]

Can "sticky scroll" be an alternative?

[paavamkutty]

back button is not working on figma even though I have made the connections. Rest all the buttons are working. Can somebody tell me what might have gone wrong?

[maryamabaee]

I can't understand from copying a background and pasting it to website 1...:/

[gowxjrw]

way to fast. also shapes cant connect to other shapes with protyping, only frames.

[brunogamesbr]

as a programmer, forced to learn ux design, figma seems like a fancy software for you to find awkward ways to fake a functionality, jesus christ, a "back to top" button is one of the most basic, most common things a SPA should have, it's so common that it should be a prototyping option, why are we forced to make all of this janky shit just for something that every single website has?