I can’t seem to figure out why this is happening:
On mobile only (and only on an actual device, not in chrome responsive inspector) my website snaps to a section lower on the page after initial load, instead of loading in to the top of the page. This also happens in an incognito browser.
It seems like it MIGHT be due to the Smootify set up I have (for my shopify product), but I’m not certain. Thought I’d see if anyone knew if it was a simple issue here before reaching out to their support.
Here is a link to a screen recording of the issue: ScreenRecording_04-11-2025 11-55-07_1.MP4 - Google Drive
Here is the website link: https://musclegum.us
Here is a read-only link: Webflow - Muscle Gum
Thanks for any help!
Hi there,
The scrolling behavior you’re experiencing is a common issue related to lazy-loaded images. When browsers initially load a page with lazy-loaded images, they may miscalculate the total page height since not all images are loaded immediately. This can result in incorrect scroll positioning as images load in.
There are two effective solutions to resolve this:
-
Change your images’ loading behavior to “Eager: loads with page” in the image settings. While this ensures accurate page height calculations, note that it may slightly increase initial page load time.
-
Place your images within fixed-height elements. This maintains consistent page height regardless of image loading status, preventing unexpected scroll jumps.
Both solutions are documented in our help center: Image Settings and Fixed-height Elements.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.