当页脚出现在移动设备上时，将其移至键盘上方

Question

我在这里找到了很多文章和帖子，内容是有关如何在移动设备上出现键盘时隐藏页脚的信息，但我没有做相反的事情。

我想在键盘打开时将页脚向上移到键盘上方。

HTML

<div class="wrapper">
<input type="text">
<div class="footer">Here Footer</div>
</div>

CSS

 .wrapper {
    position:relative;
    }
    .footer {
      width: 100%;
      background-color: #4c66a4;
      color: #fff;
      position: absolute;
      left: 0px;
      bottom: 0px;
      text-align: center;
    }

任何想法我都在做错什么，因为它一直都被键盘淹没。

Answer 1

因此无法将div粘贴到键盘上，因为手机键盘不在视口内。当我需要数字键盘时，我使用了jquery的“ KEY”功能来制作基于div的键盘。