Solution 1 :
add this css code to your container with overflow scroll.
-webkit-overflow-scrolling: touch;
Solution 2 :
You can try it!
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch;
Solution 3 :
overflow: scroll; // this property will work on mobile devices for scroll instead of ove
Solution 4 :
using -webkit-overflow-scrolling: touch; is the correct solution but it invalid in react, next you would need to use WebkitOverflowScrolling: "touch"
Problem :
I have a website and I want to display comments in a div. I tried to use an overflow scroll div but it overflowed on mobile devices. It does work on my computer What am I doing wrong?
Comments
Comment posted by thingEvery
Scrolls for me in Mobile Safari. Maybe post some code.
Comment posted by kahveciderin
@thingEvery Strange cuz for me and my frirnds who use Android, it does not scroll.
Comment posted by sudo97
this is more of a comment than an answer
Comment posted by zaphkiel
I can’t add a comment yet until I reach 50 reputation.
Comment posted by zaphkiel
#rightbox form { width: 500px; overflow: scroll; -webkit-overflow-scrolling: touch; }
Comment posted by Ivan
-webkit-overflow-scrolling: touch
