ios - 当 iOS 虚拟键盘在屏幕上时，是否有固定元素在错误位置呈现的已知解决方法？

Question

我有一个应用程序，它利用 WKWebView 来处理大部分内容。在一些屏幕中，我们在利用 position: fixed; 的 div 中有按钮，因此它们总是在同一个位置，因为长表单在下面滚动。当显示虚拟键盘时，我将一个类添加到文档主体，可用于调整其他内容，例如，调整包含这些按钮的 div 上的 bottom 属性，使它们移动到键盘上方。

到目前为止，非常好，它们始终可见。当滚动表单时，问题就出现了，按钮明显地随着页面的其余部分向上移动(它们不应该)，但浏览器实际上表现得好像它们仍然位于它们应该在的位置。屏幕截图显示了浏览器认为按钮所在的位置，如果您触摸这些区域，按钮就会被激活。

我很乐意将此归结为 WebKit 或特别是 WKWebView 的错误，但是是否有已知的解决方法可以使它们呈现在正确的位置？我读到添加翻译以触发硬件渲染可能会有所帮助，但它似乎并没有在这里完成这项工作。我还读到，将位置更改为 absolute 可以解决这个问题，但对我来说，这只会导致它们在屏幕外的某个地方完全呈现。

Answer 1

您可以为按钮包装器添加固定位置

.btn-bar-fixed {
   position: fixed;
    bottom: 0px;
    right: 0px; 
}