Phongap, iframes and iOS 8

Da bastelt und bastelt man, um dann fest zu stellen das die mobile Webseite, welche weitere Infos enthält und via iframe eingebunden ist, sich nicht scrollen lässt. Gibt man die magischen Wörter „phonegap iframe ios” in eine Suchmaschine ein, wird schnell klar das es ein größerer Bug ist. Die Lösung ist ein scrollbarer DIV-Container auf der einzubindenen Webseite wie folgt:

// CSS
#wrapper-app {
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
 
// HTML
...
<body>
<div id="wrapper-app">
...Content
</div>

Übersicht