Sticky header and "Slide down after", how?

How To
1

I am using a sticky header on a page with these settings:

image

Everything works fine, but I need one thing and I don’t know how to do it. When I have a long post on the page (several screens) and I read it then after 300 pixels (according to the setting above) the sticky header hides and it is ok. But when I’m reading, for example, in the middle of the page and want to go back a few lines of content, I DON’T want the header to appear then! I just want to go back to, for example, read the last sentence or two again, and keep reading down, I don’t need the header. Is there any way to set the number of pixels or other units that would be counted when scrolling up, and only after moving them would the header be shown? Exactly like with the “Slide up after” option, but it would be “Slide down after”. How to do it? This is especially annoying on small screens, e.g., phone.

2

Still no one knows how to fix it?
@timmse ?

3

what you need is direction when going down hide when going up show…etc

check this

ask chatgpt if you dont know css

and new go back top element maybe usefull too
since it is nestable you can use it for anything really :wink:

image
image1908×1060 126 KB

4

I don’t really know how I would apply it. I don’t want to build this mechanism from scratch, I just want to modify/improve the operation of the sticky header provided in Bricks Builder, a screenshot of which I showed.
He works fine, but it lacks control over the number of pixels after which it is supposed to react to scroll up. It reacts immediately even if I scroll up by 1 pixel, and I would like to increase this value.
Inserting a whole separate mechanism for managing classes in tags is not necessary for me.

And the “Back to top” control has nothing to do with it at all. I am writing about scrolling with the mouse (roller) or finger.