search

adrianhajdin / iphone

Recreate the Apple iPhone 15 Pro website, combining GSAP animations and Three.js 3D effects. From custom animations to animated 3D models, this tutorial covers it all.
https://iphone-doc.vercel.app/
1.16k stars 209 forks source link

not scrolling on mobile #15

Open zenitzo opened 4 months ago

zenitzo commented 4 months ago

Hey so I noticed on mobile it wont scroll unless i put my iPhone 15 on portrait mode, almost as if its not detecting my touch on screen.

not sure if its a z-index issue or an event handler issue, maybe a css issue was wondering if you can help me out.

its weird because at first i thought it was my code but then i deployed an exact replica of your repository and it still does not work, yet when i open your hosted vercel link it does work ????

anyways hope you see this and can help me out this was an extremely fun project and i hope to finish it

Ozzie-code-alt commented 4 months ago

You can add overflow-y-auto on main element in App.tsx/jsx. This might fix it. Otherwise try h-auto. Hope this helps !!!

zenitzo commented 4 months ago

sorry just saw this, but yeah thats what i ended up playing around with. some container that had overflow-hidden were messing it up on mobile, thanks !

SwarnenduG07 commented 3 months ago

sorry just saw this, but yeah thats what i ended up playing around with. some container that had overflow-hidden were messing it up on mobile, thanks !

bro can you tell where to add

Sameer1311 commented 3 months ago

if you want another solution you can simply remove style from the canvas