I’ve been working through the tutorial to make my nav bar disappear on down scroll and appear on up scroll. All working well on preview. All good on all sizes and mobiles once published, including HTC Mobile, however on my A1524 - iPhone 6 Plus, the Nav keep getting pushed up / Disappearing when I get to the very top of the page. On my iPhone only. Can you help? Thank you for your help in advance.
I posted the same issue the other day, but unfortunately, I have yet to get a response or a solution. Hopefully, if more people post this issue, someone will post a solution.
I’m having the same issue in all versions of Safari. Desktop and mobile. I’m assuming this has something to do with the bounce Safari does when you scroll to the top/bottom of the screen.
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?
I was able to reproduce this behavior on iPhones when using Safari. It looks like this is the only combination that produces this issue—were you able to see this issue on any other devices/browser?
It looks like it could be due to how Safari+iOS does a little bounce/reload when you scroll to the top of any page. I have reported this to the team and we are investigating this now.
I’ll post back here as soon as I have more information on the topic!
Thanks so much for looking into this. I don’t have any way to really test other phones right now, but I am going to bet you are correct that this is a Safari issue. Unfortunately, since every iPhone defaults to Safari that could be a big deal. I really hate that Safari “bounce” to start with, now I hate it more!
I hope there is a solution/workaround! Thanks again for looking into this issue.
I’ve been working through the tutorial to make my nav bar disappear on down scroll and appear on up scroll. All working well on preview. All good on all sizes and mobiles once published, including HTC Mobile, however on my A1524 - iPhone 6 Plus, the Nav keep getting pushed up / Disappearing when I get to the very top of the page. On my iPhone only. Can you help? Thank you for your help in advance.
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?
Hey all, I’m having trouble with the show/hide nav based on the IX2 tutorial. Things work fine when previewing in the designer and in Chrome, but in Safari the nav slides away when you scroll to the top of the page.
Here’s the published page. To me, this feels like a problem with Safari’s scroll because it works when I click and drag the scroll bar. The bug shows up when I scroll the page with my mouse.
I was able to reproduce this behavior on iPhones when using Safari. It looks like this is the only combination that produces this issue—were you able to see this issue on any other devices/browser?
No, this is occurring on Safari desktop and iOS (both iPad and iPhone).