2015-10-02 11 views
12

Ho difficoltà a capire come eseguire questa operazione.Caricamento forzato del pac-container sopra la casella di ricerca

Sto utilizzando google.map.places.Autocomplete e tutto funziona correttamente, ma a causa delle dimensioni dell'app/schermo il pac-container con gli elenchi di ricerca restituiti si trova dietro la tastiera virtuale dei dispositivi - e quindi su circa la metà del i dispositivi che ho provato l'utente non può vedere l'elenco di indirizzi restituiti. Ovviamente non vuoi il pac-container davanti alla tastiera perché i vari tasti della tastiera saranno nascosti.

Come posso forzare il pac-container a comparire sopra (e scorrere verso l'alto) la casella di ricerca/input?

+0

Forse puoi fornire un po 'di codice, test case per iniziare ad aiutarti, perché tutti possono immaginare e creare lo scenario che vogliono! – Anonymous0day

+0

Si potrebbe provare a rilevare quando la tastiera è attiva e limitare l'altezza del pac-container al nuovo 'window.innerHeight', rendendolo scorrevole in modo da poter trovare risultati di overflow. Vedi questo http://stackoverflow.com/questions/11600040/jquery-js-html5-change-page-content-when-keyboard-is-visible-on-mobile-devices – hampusohlsson

risposta

1

Il modo più semplice è controllare quando la tastiera si apre e quindi ridurre leggermente la pagina.

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