キーボードが表示されたときにフッターを非表示にする

キーボードが表示されたらフッターを隠す方法はありますか？私は自分の携帯電話で任意の入力をクリックします。私はこの問題を解決する方法をキーボードが表示されたときにフッターを非表示にする

コード `

footer { 
 
    margin-top: 40px; 
 
    right: 0; 
 
    bottom: 0; 
 
    left: 0; 
 
    position:absolute; 
 

 
    height: 50px; 
 
    background-color: #D03F42; 
 
} 
 

 
footer p { 
 
    text-align: center; 
 
    color: cornsilk; 
 
}


 
<footer> 
 
    
 
    <p>&copy;My web site</p> 
 
</footer>

出典

2017-03-13 Eslam Hussein

あなたが試してみました'z-index'を追加する – happymacarts

を知らない上にフッターが上昇するあなたは、この1のようなJSコードを使用することができます。 $("input").on("click touch", function(){ $("footer").hide(); });

出典

2017-03-13 14:23:01

javascriptについての経験はありませんが、それは正しいです –

これはjQueryです。それを使用するには、HTMLページに含める必要があります。 '' –

しかし、これは動作しないコードです。

キーボードが表示されたときにフッターを非表示にする

答えて