Hi guys, I hope you’re doing well. I’m creating my first website for my photography business. I’m currently reviewing some details on the site, but I noticed that I can’t scroll on mobile, does anyone know why?
P.S. I saw in some old posts that this can happen because the overflow is set to “hidden,” but I don’t think that’s my case. At least from what I can see, the body of my page is visible.
Thanks for your help!
Link:
Hi there,
If you’re using scroll triggers in your design and experiencing issues on iOS devices (iPhone, iPad, iPod), this is a known limitation. Apple does not give developers the ability to run scripts while the browser is being scrolled. For more technical details, you can refer to the Apple developer library.
As a workaround, consider using click triggers or other interactive elements that don’t rely on scroll events. You can also explore using CSS-only animations with the ‘viewport’ property, which generally work better across all devices including iOS.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.
Thanks for replying. In the end, the only solution I found was to publish my website and fix the already published page