Vilius Dumčius Vilius Dumčius - 7 months ago 22
Javascript Question

Div scrolling inside map on apple

I have a little problem. I'm cleaning some bugs on particular page. There on the right side is a map which has some markers. When you click on marker some info appears in a box. I have set that box to overflow: auto. The problem is: when you open that page in apple production, that box (which shows up by clicking on marker) doesn't scroll, whole website is scrolling. On androids everything is working fine.

Any suggestions?

Thanks!!!

Answer

try this -webkit-overflow-scrolling: touch;

Useful materials: https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/