Javascript 键盘打开时，是否将页脚固定在屏幕底部？

每当有人输入一个输入时，一个粘性的页脚总是跟随在键盘的顶部。是否可以将页脚保留在页面底部并将其放在键盘下？
截图说明：

html:

---

看一看：页脚实际上是在一个

footer

标记中，样式为

position:sticky

和

bottom:0px

样式以保持底部。不能这样做是因为键盘不会影响布局。除非您想进入完全自定义模式并用一些键盘替换本机键盘，否则无法进行此操作不，这是不可能完成的，您不应该在这种方法上投入更多的时间。

<div class="content">
    <input id="my-input" placeholder="type something..." />
</div>
<div class="footer fixed">This is my footer</div>

.content {
    margin: 10px auto;
    width: 90%;
}
#my-input {
    height: 50px;
    font-size: 15px;
    width: 100%;
}
.footer {
    background-color: gray;
    color: white;
    padding: 15px;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.fixed {
    bottom: 0;
    position: fixed;
}