Streaming live at 10am (PST)

RESOLVED: IX2: Scrolling up triggers scroll down animations on Safari + iOS devices

#9

@Brando

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! :slight_smile:

I hope there is a solution/workaround! Thanks again for looking into this issue.

Best,
K.

2 Likes

#10

My pleasure to help! I’ll be sure to post updates as I hear back from the team :slight_smile:

3 Likes

#11

Hi There

I submitted a design issue I had last week and turns out it looks like a bug, so resubmitting this a bug. Can someone from the team help please :slight_smile:

https://preview.webflow.com/preview/govey-associates?preview=8e9e22fc7d01ed5b664d28d7416d56823

Hi There

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.

https://preview.webflow.com/preview/govey-associates?preview=8e9e22fc7d01ed5b664d28d7416d56823

0 Likes

#12

Sorry, please see a working link to the project, Thank you

https://preview.webflow.com/preview/govey-associates?preview=8e9e22fc7d01ed5b664d28d7416d5682

0 Likes

#13

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?

https://preview.webflow.com/preview/project-billboard?preview=461b0271911f4e7667ee537542bc523c

Thanks!


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

0 Likes

#14

Thanks for passing this on. I mentioned the same behavior here… Show / Hide Nav on Scroll Safari Bug

1 Like

#15

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.

Here’s a video of it in action… https://youtu.be/U1jjrT4fNk0


Here is my public share link: LINK
(how to access public share link)

0 Likes

#16

Bump. Anybody know what’s causing this?

0 Likes

#17

Bump - having the same issue

0 Likes

#18

Thanks for letting me know @md673 and @Rowananye! I merged that topic here as well so everyone will be notified when this is resolved! :slight_smile:

1 Like

#19

@Brando- do you know if there has been any progress made on this?

0 Likes

#20

Hi @kbowman

I don’t have anything to report at this time. I appreciate your patience while we investigate!

0 Likes

#21

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).

0 Likes

#22

I’m having this issue too. And it’s annoying as f*$#.

0 Likes

#23

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.

0 Likes

#24

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!

6 Likes

#25

@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!

0 Likes

#26

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!

0 Likes

#27

Hi,

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?

0 Likes

#28

Hi There Webflow Engineer :slight_smile: , Thanks for responding, please if possible could you give us a timeline as to when you think this will be fixed?

0 Likes