Scroll offset negative value

Design help General
1

Hello,

I have added a scroll event on a top bar of 100px in height. When this bar scrolls out of view it hides another seperate element, which works well at the moment. But I want it to hide a little later, which means I want it to hide after scrolling 200px for example.

The problem is that I cannot set a negative value in the offset box, the only direction it goes right now is upwards,I need it to go downwards. If I enter 50px in either the top or bottom offset, top just makes it hide too early and the bottom doesn’t work at all.

Is there any way to make this happen?

Here is my public share link: https://preview.webflow.com/preview/scroll-offset-example?preview=03e525b71fc3db17883c232e93619a12

2

Very confusing. Do you have something mocked up in Photoshop that shows the result you desire?

Thanks,
~B.

3

Hi @Pascal, I may not completely understand what you are trying to do, but when I took a peek, it might be easier to just assign the interaction to the hide message div, and set that to use 0% offsets:

Setting the interaction on the hide message div works to reproduce the desired effect:

2568×1390 177 KB

1 Like
4

Hi @cyberdave thanks for your reply!
That’s indeed what I used in my design with a hidden div, but it just felt a bit ‘hacky’ and it seemed cleaner with a negative value in the top bar itself.

I guess this will have to do, thanks!