Cordova plugin to suppress scrolling of the webview.
In a SPA IOS7's scrolling is a PITA (at least without body-scrolling and instead with
-wekbit-overflow-scrolling: touch; on divs).
This plugin tries to prevent scrolling of the WebView itself, so the body shouldn't be able to scroll out of the viewport.
If you're having trouble with the whole document scrolling on form-field selection, maybe this will help.
Enable this plugin with:
<preference name="IOS7PreventWebViewScrolling" value="true"/>
This plugin is available for Phonegap Build. See plugin page. Add the following to your config.xml to use version 0.1.0 of this plugin.
<gap:plugin name="com.kerosieben.cordova.plugins.ios7scrollfix" version="0.1.0" />
I experienced problems developing an cordova-app for iOS 7. Cordova version 3.3, but I also couldn't fix it just with css/js/config.xml in 3.1. These are the relevant html/css portions:
bodyare set to
width: 100%; height: 100%; overflow: hidden;.
position: absolute;that acts as "fixed", because there is no body-scrolling.
overflow-x: hidden; overflow-y: scroll; -webkit-touch-scrolling: touch;that's also absolute positioned and spans the rest of the available space.
When a form-field is selected these problems occur:
The MIT License (MIT)