I’m having this issue too. And it’s annoying as f*$#.
Hi Brando, hope you are well. Just touching base to see expected time to have this bug fixed, mostly because of project deadlines. Appreciated as always. Thank you.
Hi everyone - Webflow engineer here. I figured out where the issue is, and it looks like Safari’s elastic scrolling is causing scroll up/down actions to misfire. I’m currently working on a fix, and hoping to have something ready for you all soon!
@Saff Thanks for following up! I don’t have any updates for you at this time. I can tell you this issue will be addressed as we start to release updates for IX2. If this is a large limitation for you at this time due to deadlines, I recommend using Legacy Interactions if possible.
I appreciate your patience so far!
Awesome, thanks @crcn! Curious what “soon” means. Days, weeks, months? I’d really like to use this on a site we’re building out now, but if it’ll more than a month I’ll have to find a different solution. Thanks!
I have applied the interaction as outlined here… https://university.webflow.com/article/show-hide-navbar-on-scroll and it works well in the designer and on most desktop browsers.
Here’s the published link… http://cabincrewforyou.webflow.io/
Here’s my read-only link… https://preview.webflow.com/preview/cabincrewforyou?preview=ac53e7082016fbd667f8521de870bc09
However, on Safari on the desktop and on Chrome and on the iPad the navbar stays hidden when scrolling to the top of the page. Is this a major flaw in the interaction? or is it a known problem with iOS and Safari?
Hi There Webflow Engineer , Thanks for responding, please if possible could you give us a timeline as to when you think this will be fixed?
I am using the new hide/show menu on scroll trick using Interactions 2.0. So far it works fairly well, besides having to add a class on duplicate elements, I ran into a frustrating issue. On mobile, when scrolling back to the top of the page, once the hero section is visible the screen does a slight “bounce” and then the menu hides from view as if the page has started to scroll down again. Is there a fix for this?
Any chance someone has experienced this or has a solution?
I am having the same issue. Hoping someone else has found a solution or a workaround for this?
I’ve just tested the official tutorial “Show & Hide Navbar on Scroll”:
With this approach, the navigation disappears when I scroll back to top on iOS Safari,
which is very strange behaviour.
(I think the navigation should be shown when the page scroll position is at the top.)
This is because when you scroll back to top on iOS Safari, “Scroll Down” is triggered.
Are there any ways to prevent the issue?
We just pushed a fix for this! You should be able to use the show / hide nav menu interaction on scroll without the iOS elastic scroll causing issues.
Please note this only applies to iOS 9 and above. Any devices with 8 or lower will still experience this issue (we checked and less than 8% of iOS users are on 8 or lower).
Can you please refresh the Designer, republish, and confirm the issue has been resolved?
Thanks in advance!
This fixed the issue for me
Thanks to everybody that helped work on the bug
Tested and it works as well for me. Thanks!
This appears to have been resolved and the nav seems to be working as expected.
Hi Brando, yes it’s working, thank you to yourself and the team for the perseverance.