Comment prévenir clavier push up webview à l'application iOS à l'aide de phonegap

Lorsqu'un champ de saisie en bas de l'écran est activé, le clavier pousse mon webview et de la partie supérieure de la page n'est plus visible.

Je veux éviter le clavier de remonter la webview.

Quelqu'un a une idée ?

OriginalL'auteur Yajap | 2012-12-11

  1. 24

    Sur l'accent, mis fenêtre.scrollTo(0,0); Cela empêche clavier de pousser jusqu'webview complètement

    $('input').on('focus', function(e) {
    e.preventDefault(); e.stopPropagation();
    window.scrollTo(0,0); //the second 0 marks the Y scroll pos. Setting this to i.e. 100 will push the screen up by 100px. 
});

    Si vous ne souhaitez pas définir une valeur statique pour votre Y la position de défilement, n'hésitez pas à utiliser ce court plugin que j'ai écrit qui aligne automatiquement le clavier en dessous du champ de saisie. Il n'est pas parfait, mais il fait le travail. Appelez simplement ce sur l'accent, comme indiqué ci-dessus:

    setKeyboardPos(e.target.id);
    Il fonctionne! Merci!!!!!!
    Il ne fonctionne pas sur mon iPad2/iOS6. un "setTimeout(function() { windows.scrollTo(0, 0);}, 0)" réparer ça, mais parfois, vous pouvez encore voir une litière de la gigue d'animation.

    OriginalL'auteur Jonathan

  2. 13

    Résolu ce problème à l'aide de driftyco/ionique-plugins-clavier (https://github.com/driftyco/ionic-plugins-keyboard)

    Premier clavier installer le plugin:

    cordova plugin add com.ionic.keyboard

    Maintenant, vous pouvez I) désactiver le clavier natif de défilement:

    cordova.plugins.Keyboard.disableScroll(true);

    ou II) écouter sur native.keyboardshow événement dans deviceready et de revenir en arrière et de haut quand le clavier affiche:

    window.addEventListener('native.keyboardshow', keyboardShowHandler);

function keyboardShowHandler(e){
    setTimeout(function() {
        $('html, body').animate({ scrollTop: 0 }, 1000);
    }, 0);
}

    J'ai utilisé le II) approche parce que j'ai bien aimé l'animation de défilement dans mon cas. Si vous ne voulez pas aller à l'animation de remplacer la ligne correspondante avec window.scrollTo(0, 0);. Mais j'ai peur que dans ce cas, vous allez de nouveau devoir composer avec la "litière de la gigue d'animation" Imskull a écrit à propos de.

    Pris approche de 1, fonctionne comme prévu !
    si vous utilisez WKWebView(iOS), il ne permet pas de cordoue.les plugins.Clavier.disableScroll(true); , on dirait que je vais essayer II) et voir ce qui se passe.

    OriginalL'auteur capitannaranja

  3. 4

    J'ai eu le même problème et aucune des solutions ci-dessus m'a aidé
    mais j'ai trouvé un moyen simple de passer après elle.

    Dans la plate-forme/android ouvrir le dossier manifest.xml et dans la principale activité de la balise de remplacer le android:windowSoftInputMode="adjustResize attribut android:windowSoftInputMode="adjustPan"

    maintenant le clavier de la superposition de votre contenu.

    J'espère que ça aidera quelqu'un.

    Merci vous m'avez sauvé beaucoup de temps.
    Propre et simple merci

    OriginalL'auteur Athinodoros Sgouromallis

  4. 3

    assurez-vous de ceci dans votre config.xml

    <preference name="KeyboardShrinksView" value="true" />
    Ce doit être la accepté de répondre car il résout le problème de la bonne façon
    Est-il un équivalent moderne de cette option? Il semble qu'ils n'existent plus.

    OriginalL'auteur Ravi Ranjan

  5. 3

    J'ai LITTÉRALEMENT passé PAR 100 réponses avant que je devais trouver la réponse moi-même. il est donc ici comment désactiver le défilement de l'INTERFACE utilisateur sur IOS.
    simplement quand cordova est le chargement, ajouter cet.
    S'il vous plaît installer:

    cordova plugin add ionic-plugin-keyboard --save

    et puis ne cordova prepare chargement de ce nouveau plugin dans votre dossier www.

    document.addEventListener('deviceready', function(e){
    window.addEventListener('native.keyboardshow', function () {
            cordova.plugins.Keyboard.disableScroll(true);
        });
});

    Et c'est tout. S'il vous plaît laissez-moi savoir si cela a été utile. Je serai heureux de répondre à plus de.

    OriginalL'auteur code_love