键盘出现时隐藏页脚

Question

键盘出现时如何隐藏页脚？当我点击手机中的任何输入时。页脚升起以上我不知道如何解决这个问题

代码`

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>

Answer 1

你可以使用像这样的JS代码： $("input").on("click touch", function(){ $("footer").hide(); });