Diagnosing Scroll Jump Issues in Relume Sites on Mobile

On mobile, I made a new Relume site, but it "jumps" when I scroll down, and you can see it on this site here: What's causes this? I see it happen on another site I made. It looks like the Hero animation is messed up, it's too jumpy. Can someone help me diagnose this? https://dirty-house.webflow.io/

17 comments

Neil S.
·
I scrolled down and no jumping…
Blair
·
Are you still experiencing this Nathan W.? Which components are involved?
Nathan W.
·
Yes, I'm still experiencing it. It looks like it's the Hero component that's causing it. because the Hero image is jumping A dev of mine told me it's not happening on Android at all though.
Blair
·
Which component though? What is it called in the WF library? 1, 2, 3...
Matt J.
·
Nathan W. yeah I'm not seeing an issue, but I do see the same component being used twice in a row? One with content and another without. Can you record a video of this happening somehow - no sound is fine.
Matt J.
·
and as Blair mentioned, knowing which component number would help as well.
Nathan W.
·
https://preview.webflow.com/preview/dirty-house?utm_medium=preview_link&utm_source=des[…]e&preview=9db4e27067a2d440e1dd6ed300a80f48&workflow=preview
Nathan W.
·
I've also experienced very weird behavior on the nav bars. I paste Navbar 1 and Navbar3 into webflow, no settings changed, push changes, and then the mobilke menu does not work.
Nathan W.
·
https://share.zight.com/L1u2APJx Link to recording here. Dirty House dirty-house.webflow.io This does not even render the hero image at all on Android, while the mobile menu works fine. Component is Hero 9.
Nathan W.
·
Android rendering:
Nathan W.
·
I think it's something related to the Relume builder. I created a brank new site, forked the style guide, nothing in it except a navbar and a hero image 9 component. I feel like I'm losing my mind here 🍭 https://dirty-house-2-293176.webflow.io/ iphone: I'm not seeing the mobile jumping image issue it here at all, but the navbar doesn't work. on Android: it's not rendering the Hero image at all on android, but the navbar is working. https://preview.webflow.com/preview/dirty-house-2-293176?utm_medium=preview_link&utm_s[…]6&preview=540b71b41d207b073c9dc4f5fadd2a7d&workflow=preview
Blair
·
https://blairs-amazing-site.webflow.io/ This works for me. Which is what your demo above might be doing as well.
Blair
·
I don't have an android device to test one
Blair
·
The image isn't jumping, it might be the size or ratio of your image combined with your size settings (cover, fill, contain). Can's be sure but try playing with image ratio (by editing in Figma or somewhere you can change the image ratio) and/or the Size / Fit setting in style panel
Blair
·
HTH
Nathan W.
·
Correct, this image is not jumping. But what am I doing wrong?
Blair
·
I'd try changing the aspect ratio of your image to a square and see if it makes any difference, as well as Size / Fit settings in the style panel. The image isn't jumping I'd guess. It is filling the available space, which grows when the nav bar disappears for a second while scrolling down. That is a guess though :)

Diagnosing Scroll Jump Issues in Relume Sites on Mobile | Relume Community