Javascript iOS Safari css位置在文本区域聚焦时固定

我有一个简单的html页面，足够长，用户需要滚动页面。我想在页面底部有一个带有position:fixed的div，并在其内部有一个textarea。 当用户点击文本区域并出现虚拟键盘时，我希望DIV位置保持在底部，而不是在页面的中间，如PIC：

以下是我使用的代码：

.inputFixed{
位置：固定；
底部：0px；
右：0px；
宽度：100%；
高度：50px；
背景颜色：浅灰色；
}
文本区{
高度：40px；
宽度：300px；
位置：绝对位置；
底部：5px；
右：10px；
填充：0px；
边际：0px；
边界：无；
}

---

这有解决办法吗？可能需要一些javascript来进行更正？

可能问题与iOS Mobile Safari中的一个众所周知的错误有关，即滚动/焦点跳跃和固定定位。很多人都写过关于它的文章，很多人做过黑客或改变他们的设计来部分解决这个问题

作为我的参考，请看一下：

---

几个SO问题可能重复。有关详细信息，请参阅。

    .inputFixed{
        position:fixed;
        bottom:0px;
        right:0px;
        width:100%;
        height:50px;
        background-color:lightgrey;
    }

    textarea{
        height:40px;
        width:300px;
        position:absolute;
        bottom:5px;
        right:10px;
        padding:0px;
        margin:0px;
        border:none;
    }


<div class="inputFixed">
    <textarea></textarea>
</div>