Existe-t-il une solution de contournement pour les bogues dans Mobile Safari: Pinch to Zoom entraîne un blocage random du défilement?

J'ai une image dans un div qui défile :

<div style=" width:600px;height:400px; overflow:scroll; position:relative; top:0;left:0; -webkit-overflow-scrolling: touch;"> <img src=image.jpg width=2000 height=2000> </div> 

Il fonctionne partout comme prévu, sauf sur iOS (8.1.3), quand je zoom avec mes doigts, le DIV arrête de défiler correctement .

On peut toujours faire défiler jusqu'à un certain point, mais il est impossible de voir l'image entière sauf quand elle est à peine agrandie.

J'ai essayé des centaines de combinaisons de positionnement fixe, absolu et relatif sur le corps, le div et l'image, ainsi que diverses combinaisons de débordement: fixes, etc. Rien de tout cela ne marche.

Si je supprime " -webkit-overflow-scrolling: touch; ", le problème disparaît mais le défilement perd son élan et devient douloureux.

Le comportement de défilement semble plutôt random. Parfois, vous pouvez faire défiler vers le haut, parfois non. Le problème semble provenir d'un conflit entre le défilement de la window et le défilement de l'image.

J'ai posté un exemple simple sur tech.ozake.com .

Y at-il un moyen de faire défiler l'image en douceur lorsque l'on zoome dessus?

[mise à jour 23 mai 2017] Ceci peut être corrigé dans la prochaine version de Mobile Safari: news.ycombinator.com .