Streaming live at 10am (PST)

[Solved] Looking for a back to top button


#1

I am looking for a simple back to top button.

• I want the button to appear after section 2 and disapear before section 2. I’ve tried many methos but just can’t seem to get this right.

Project link: https://preview.webflow.com/preview/richards-first-project-f45d56?utm_source=richards-first-project-f45d56&preview=fb1f317f740a91fda226189d4b7569fc


Here is my site Read-Only: LINK
(how to share your site Read-Only link)


#2

Found a working solution.

  1. Make the back to top button (remember to place it inside a linkblock)
  2. Select the link block and go to interaction panel
  3. Make new Page trigger and choose “while page is scrolling”
  4. Add new scroll animation and name it what you want (Hide back to top) for example.
  5. The window you see here is from 0% to 100% of your website.
  6. Make scroll action and choose “move” for example
  7. Move the sliders so you hide the linkblock below the screen. Place selected move trigger on the timeline where you want the back to top button to start appearing.
  8. Make a new move trigger action and place it on the timeline where you want it to be fully visible. Then set the vertical slider to show the linkblock.

Then you are done.