2015-10-02 16 views
12

Ich habe eine harte Zeit herausfinden, wie dies zu tun.Autocomplete Kraft Pac-Container über Suchfeld

Ich benutze google.map.places.Autocomplete und alles funktioniert gut, aber aufgrund der App/Bildschirmgrößen der pac-Container mit den zurückgegebenen Sucheinträgen ist hinter den Geräten virtuelle Tastatur - und damit etwa die Hälfte der Geräte, die ich getestet habe, kann der Benutzer die zurückgegebene Adressliste nicht sehen. Offensichtlich wollen Sie den Pac-Container nicht vor der Tastatur haben, weil dann verschiedene Tastaturtasten ausgeblendet werden.

Wie kann ich erzwingen, dass der Pac-Container über dem Such-/Eingabefeld erscheint (und nach oben scrollt)?

+0

Vielleicht können Sie einige Code zur Verfügung stellen, Testfall zu starten, Ihnen zu helfen, weil jeder sich vorstellen und Szenario erstellen kann, die er will! – Anonymous0day

+0

Sie könnten versuchen, zu erkennen, wenn die Tastatur aktiv ist, und die Höhe des pac-Containers auf die neue 'window.innerHeight' begrenzen, während Sie scrollbar machen, so dass überlaufende Ergebnisse gefunden werden können. Siehe http://stackoverflow.com/questions/11600040/jquery-js-html5-change-page-content-when-keyboard-is-visible-on-mobile-devices – hampusohlsson

Antwort

1

Der einfachste Weg ist zu überprüfen, wenn die Tastatur öffnet und dann die Seite ein wenig Rand.

body.keyboardopen { 
    margin-top: [email protected]; 
}