Come impedire la tastiera mobile a salire il piè di pagina sui campi di text?

Ho problemi con il mio footer. Voglio che il piè di pagina rimanga in fondo allo schermo, ma c'è un leggero problema. Quando si utilizza un browser mobile, alcuni campi vengono bloccati dal piè di pagina quando si apre la tastiera. Il piè di pagina si alza sopra la tastiera e blocca il field in cui stai digitando. Come posso mantenere il mio piè di pagina in basso e impedirlo di salire sulla tastiera? Voglio che rimanga nascosto sotto la tastiera.

Sto usando bootstrap, ma ho impostato le seguenti cose nel mio CSS:

  • La creazione di valgrind Android non riesce
  • Android: come get l'intento ricevuto da un servizio?
  • Motore di Google App basato su Java, Android e authentication oauth2
  • Come spostare l'elemento specifico nell'elenco di matrici al primo elemento
  • Analisi di Android Project con Lint e SonarQube
  • Accesso alla class di applicazione in Ricevitore Broadcast
  • footer { width: 100%; position:absolute; left:0px; bottom:0px; height: 40px; margin: auto; overflow: hidden; background:#2E2E2E; text-align:center; line-height: 15px; color: #fff; 

    }

     <html> <body> <div class="container"> </div> <footer class="bs-footer" role="contentinfo"> </body> </html> 

    Come potete vedere qui. Quando attivo il field "Salasana", il piè di pagina aumenta e blocca il field di text.

    Prima di aprire la tastiera:

    pic1 http://i60.tinypic.com/25upevk.png

    Dopo aver aperto la tastiera:

    pic2 http://i60.tinypic.com/2rgp37q.png

  • Proxy SSL con Genymotion e Charles?
  • get la forza del segnale senza utilizzare PhoneStateListener onSignalStrengthchanged
  • Parser di DOM Android - recupero del collegamento image dal tag di descrizione
  • Esecuzione non rioutput per il task ': app: transformClassesAndResourcesWithProguardForRelease
  • esportre file di database come text o xml in android
  • Rileva l'inizio di un suono o una voce in Android
  • 4 Solutions collect form web for “Come impedire la tastiera mobile a salire il piè di pagina sui campi di text?”

    Cercare di utilizzare la posizione: relativa o fissa

    Se si desidera che il piè di pagina in basso si dovrebbe aggiungere min-altezza al corpo

    Risolto il problema con l'aiuto di avinash. Ho finito per cambiare quanto segue nel mio CSS. Dal momento che ho tutto il contenuto all'interno del contenitore div ho fatto altezza contenitore 100% – footer. Ho anche rimosso in fondo: 0px da piè di pagina.

     footer{ position: relative; } html,body { height: 100%; /* Needed for container's min-height */ } .container{ min-height:100%; margin-bottom: -40px; /* Put negative height of the footer here */ padding-bottom: 40px; /* Put height of the footer here. Needed for higher than screen height pages */ } 

    Nel caso in cui non si desidera modificare il codice html, è ansible provare a risolvere questo problema con JS.

    Stiamo ottenendo la posizione corrente dall'alto, impostando il valore di stile superiore e ripristinando il valore di fondo.

     var fixed = document.querySelector(".fixed"), distanceFromTop = fixed.getBoundingClientRect().top; fixed.style.top = distanceFromTop + 'px'; fixed.style.bottom = 'auto'; 

    Ho trovato la soluzione pubblicata qui su StackOverflow per essere abbastanza utile. Comprende uno snippet javascript che ha risolto il problema per me, incollando sotto;

     if(/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener("resize", function() { if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") { window.setTimeout(function() { document.activeElement.scrollIntoViewIfNeeded(); },0); } }) } 
    L'Android è un fan Android di Google, tutto su telefoni Android, Android Wear, Android Dev e applicazioni Android Games e così via.