Sticky Header on Safari WORK-AROUND

Hi,

to all those still suffering with the long-standing issue of the Sticky Header migrating down the page when the Safari-using viewer scrolls back up, I did find a work-around.

Here’s the trick:
Make sure to set a Trigger Offset — in this case, I used 100 (pixels, I presume). It causes the sticky header bar to scroll off the top of the screen, but then scroll back on after the user scrolls down 100 pixels. It also causes the reverse behaviour when the user scrolls back to the top of the page.

It means the header bounces in and out, but at least it ends up where it’s supposed to be. And you can call it a little more animation eye-candy to justify it to yourself (or your client!) if you need to :smiley:

So far I’ve tried it on two sites — it seems to work whether the bar is set to Relative or Absolute position.

It’s not a 100% satisfying solution to me, but it’s about 95%, so for now… I’ll take it!

Happy building,
Carlos

Hello Carlos,

Thanks for sharing this information. We really appreciate it as it will be helpful to a lot of users who have encountered the same.

Cheers.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.