{"id":95788,"date":"2024-02-21T08:53:25","date_gmt":"2024-02-21T08:53:25","guid":{"rendered":"https:\/\/blog.superbthemes.com\/?p=95788"},"modified":"2024-04-16T17:30:53","modified_gmt":"2024-04-16T17:30:53","slug":"how-to-make-a-back-to-top-button-in-framer","status":"publish","type":"post","link":"https:\/\/blog.superbthemes.com\/website\/how-to-make-a-back-to-top-button-in-framer\/","title":{"rendered":"How To Make A Back-To-Top Button In Framer"},"content":{"rendered":"\n
In this Framer<\/a> tutorial, you\u2019ll learn how to make a \u201cback to top\u201d button without the need for any code!<\/p>\n\n\n\n This short guide is entirely beginner-friendly. But to make things even easier, I\u2019ve prepared a free working project<\/a> you can remix for reference.<\/p>\n\n\n\n Begin by designing a simple button component with a link variable.<\/p>\n\n\n\n Usually, this button is placed somewhere in the bottom-right of the page – although you can put it anywhere you like.<\/p>\n\n\n\n To ensure it\u2019s always in the top-right corner, set its positioning to \u201cfixed\u201d and set both right and bottom constraints to 25px.<\/p>\n\n\n\nSTEP 1: CREATE THE BUTTON<\/h2>\n\n\n\n