How to hide button on scroll

From what I can find, there is only an option to slightly slide an element up after scrolling down (as shown in the hide header clip from Cwicly Team).

However, I have an element on the bottom of the screen that I want to disappear once I scroll down. It’s a ‘scroll down’ pointer that needs to disappear once the user actually scrolls down.

Anyone know how to do this?

You are right, there are a couple of predefined options which were mainly created for the fixed header use case, I guess.

But you have all freedom with the selectors you can find on the bottom inside the scroll direction tab which you can utilize in combination with Relative Styling.

If it’s not too much bother would you mind explaining how to do it? I’m a noob/beginner at CSS

Yes, I can do that later today.

2 Likes

Hi @boris,

I recorded a short video that should help you achieve this: Button Scroll - YouTube

Please let me know if this helps :slight_smile:

4 Likes