iOS 9 `-webkit-overflow-scrolling: touch` y` overflow: scroll 'rompe la capacidad de desplazamiento

Estoy desarrollando una aplicación web y tengo un div dentro de un iFrame que ha ocultado contenido desbordado que quiero desplazar.

En Safar en iOS 9 cuando agrego -webkit-overflow-scrolling:touch; al div (que ya tiene overflow-y: scroll; para darle al scroll una sensación de fluidez, se rompe y no se desplaza en absoluto.

Sé que se trata de un problema conocido, pero no he encontrado soluciones relevantes para mi situación: tengo iFrames que hacen más que transmitir datos, en realidad contienen contenido para el usuario. La orientación no importa, el contenido siempre tendrá que desplazarse.

Simplemente me encontré con este problema con contenido dynamic dentro de un div que tenía overflow: auto y -webkit-overflow-scrolling: touch .

Solución sucia y fea: fuerce el contenido interior para que sea más grande que el desplazamiento div cuando se agrega a dom. Algo como esto:

 <div style="overflow: auto; -webkit-overflow-scrolling: touch;"> <div style="min-height: 101%"> dynamic content </div> </div> 

Mi teoría es que Safari intenta (necesita) hacer algunas optimizaciones pesadas cuando -webkit-overflow-scrolling: touch se agrega, y estos no juegan bien con algunos types de contenido dynamic.

También me topé con este problema con webkit-overflow-scrolling: touch iOS9. Puede reproducirse en un dispositivo o en el simulador de iOS. Como menciona Christopher Camps, solo sucede con el contenido dynamic, es decir, el contenido que cambia de ser más pequeño que el contenedor desplazable a más grande que el contenedor.

Aquí hay un CodePen que demuestra este problema , incluyendo la corrección de Christopher Camps.

Parece que otro hack para este error de Safari es usar javascript para establecer un style="overflow: none" y restablecerlo a su valor anterior inmediatamente después.