2017-10-18 6 views
0

J'ai besoin de votre aide dans ma conception html. Donc, fondamentalement, j'ai une forme comme celle-ci et ça fonctionne bien.div fixe en bas dans l'écran mobile

Mais quand je l'ouvre dans un téléphone mobile à cause du clavier, il défile vers le haut.

Je veux garder le pied de page à la fin de la page. Peu importe qu'il soit visible lorsque le clavier est en marche ou non.

Voici l'image.

enter image description here

Voici le code CSS.

.footers { 
    position: fixed; 
    bottom: 0; 
    width: 100%; 
    background: #E9EDED; 
    line-height: 1; 
    text-align: center; 
    color: #616363; 
    font-size: 10px; 

} 
+0

Utilisez la position absolue à la place. – izulito

+0

@VXp je vais essayer de vous le faire savoir. – Ironic

+0

@VXp Je suis absent pour le moment. Je vais essayer ce soir. – Ironic

Répondre

0

Yoy ne peut pas faire cela avec du CSS pur. Vous allez devoir utiliser JS/jQuery pour cacher le pied de page quand le clavier apparaît. Malheureusement, il n'y a aucun moyen de détecter quand le clavier se déclenche, donc vous aurez besoin d'un truc pour le faire.