"Slide down after px" for sticky headers

You know of those headers that disappear when you scroll a page, but return for when you scroll up?

They’re pretty smart, and Bricks does support this function. But Bricks only has a setting for how many pixels down for header to leave - Not how many px upwards for it to appear.

This makes the setting extremely sensitive for the end-user.
You leave your finger on your phone while scrolling, and happen to make a single pixel upward motion? BAM, here is your header.

  • Distraction added.
  • Maybe you were reading from the top and now it is blocking your view?
  • Maybe this happens more than once?

Solution: Give a slight gap, so it isnt overly sensitive. Just like when scrolling downwards. Why should this only be 1 way?


Just add a box right below this one

Here are some snippets from articles i found


1 Like