search

joaopereirawd / animatedModal.js

animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions.
MIT License
962 stars 207 forks source link

Scrolling doesn't work properly in iOS #68

Open paawera opened 4 years ago

paawera commented 4 years ago

The user experience on iOS devices is quite bad, because scrolling the content of a modal doesn't work like you're used to. It is not smooth and very slow.

Does anyone know how to fix this?

stardothosting commented 3 years ago

So far I've manually set the modal content container to display:none.

Then I add a custom jQuery click trigger on the modal button to fadeIn the modal content container. FadeOut is triggered on the "close" button trigger.

Ive tried many suggestions regarding IOS scrolling issues in general and so far this is the only thing that has worked for me. I'm open to alternative suggestions.