2017-09-25 17 views
0

私は現在Phonegap Buildを使用して開発中です。 IOSでは、キーボードが表示され、キーボードの現在の表示がスクロールされて、ビューが壊れて表示されます。ユーザーが紛失してキーボードが閉じると固定されます。Cordova/Phonegap IOSキーボードスクロール問題、白い背景が表示されます

問題はアプリケーションのすべてのページで一貫していますが、私はかなりの時間をかけて調査しましたが、この特定の問題の回答は見つかりませんでした。

設定は以下のとおりです。 以下の画像は、できる限り問題を実証しようとしています。

<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="current.id" version="1.0.2"> 
 
    <name>Foobar</name> 
 
    <description>an application</description> 
 
    <content src="index.html"/> 
 
    <preference name="DisallowOverscroll" value="true"/> 
 
    <preference name="android-minSdkVersion" value="14"/> 
 
    <preference name="Fullscreen" value="flase" /> 
 
    <preference name="StatusBarOverlaysWebView" value="true" /> 
 
    <preference name="prerendered-icon" value="true" /> 
 
    <preference name="permissions" value="none" /> 
 
    <preference name="orientation" value="portrait" /> 
 
    <gap:config-file platform="ios" parent="NSCameraUsageDescription" overwrite="true"> 
 
    <string>We are using the Camera for the profile picture..</string> 
 
    </gap:config-file> 
 
    <gap:config-file platform="ios" parent="NSPhotoLibraryUsageDescription" overwrite="true"> 
 
    <string>We are using the Camera for the profile picture..</string> 
 
    </gap:config-file> 
 
    <feature></feature> 
 
    <plugin name="cordova-custom-config" source="npm" spec="~4.0.2" /> 
 
    <plugin name="cordova-plugin-battery-status" source="npm" spec="~1.1.1"/> 
 
    <plugin name="cordova-plugin-console" source="npm" spec="~1.0.2"/> 
 
    <plugin name="cordova-plugin-device" source="npm" spec="~1.1.1"/> 
 
    <plugin name="cordova-plugin-device-motion" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-device-orientation" source="npm" spec="~1.0.2"/> 
 
    <plugin name="cordova-plugin-dialogs" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-file" source="npm" spec="~4.1.1"/> 
 
    <plugin name="cordova-plugin-file-transfer" source="npm" spec="~1.5.0"/> 
 
    <plugin name="cordova-plugin-globalization" source="npm" spec="~1.0.3"/> 
 
    <plugin name="cordova-plugin-inappbrowser" source="npm" spec="~1.3.0"/> 
 
    <plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1"/> 
 
    <plugin name="cordova-plugin-statusbar" source="npm" spec="~2.1.2"/> 
 
    <plugin name="cordova-plugin-vibration" source="npm" spec="~2.1.0"/> 
 
    <plugin name="cordova-plugin-whitelist" source="npm" spec="~1.2.1"/> 
 
    <plugin name="cordova-plugin-camera" source="npm" spec="~2.1.1"/> 
 
    <plugin name="cordova-plugin-media-capture" source="npm" spec="~1.2.0"/> 
 
    <plugin name="cordova-plugin-media" source="npm" spec="~2.2.0"/>

ステップ1:Image 1, Focus on the input.

ステップ2:スクロールし続けるImage 2, Scrolling slightly down while still focused on the input.

は非常に下部の送信ボタンを除き、ビュー全体が白く表示されます。

私はその後、フォーカス、背景との入力を失う/背景にタップすることができますがに戻ってロードされます。どのような援助のための

感謝を!

答えて

0

私はそれがコードの設定ではなくCSSの問題だと思います。 iOSはキーボードが表示されるたびにデフォルトでウェブビューのスクロールを処理します。キーボード表示でページスクロールを処理する追加のCSSがある場合は削除してください。

+0

私は正しい方向を指してくれてありがとう、私は問題がキーボードを開いているときに起こっていないスクロールで行われている位置の計算によるものだと思う。 –

関連する問題