Page 1 of 1

Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 5:46 am
by GNP
Hi,

I have a sticky header for my website. One for desktop, another is for mobile breakpoint. It so far works on browsers on Windows, and phones which are Android. I haven't tested iPhones yet.

But I do have an iPad, and the sticky header disappears after scrolling at normal speed on the iPad Safari. If i scroll REALLY SLOW, the sticky header remains. But the moment I scroll a bit faster, it disappears.

Any help would be much appreciated. Thanks.

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 7:12 am
by Pablo
It is difficult to help you without seeing what you have done.

Do you have a demo?

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 9:17 am
by GNP
Hi Pablo,

Thanks for getting back. Here's a stripped down link to my site demo:

https://drive.google.com/file/d/1Lnmopu ... sp=sharing

It's in a basic zip file, so hopefully you can access it.

Thank you!

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 9:58 am
by Pablo
It looks like you have enabled onscrollreveal events? You may have disabled this for mobile devices in the page properties.

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

For further details about how to share a project file, please see this FAQ:
viewtopic.php?f=10&t=82134

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 10:09 am
by GNP
Hi Pablo,

Apologies for the screw up. Here's the working actual project file of the site, without all the media and everything, except fonts.

https://drive.google.com/file/d/1Qly6-V ... sp=sharing

Thanks so much for taking the time with this.

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 11:06 am
by Pablo
In "events" of the header you have added an 'onscrollhide' event.
This option might not be the best choice when you're using it alongside the 'sticky' feature."

Re: Sticky header disappears on iPad Safari when scrolling

Posted: Mon Nov 06, 2023 11:30 am
by GNP
ahh! How did that happen? I didn't even touch anything in events to this!

Okay thanks so much Pablo, you're amazing. I'll rectify this and see if the problem persists. It shouldn't but I'll make an update if it does.

Thank you so much once again dude!