Question

我正在尝试在视口/屏幕的底部放置一个文本输入。它工作正常，它甚至在onfocus事件后“粘”到键盘的顶部。

但是，当键盘关闭时，更改后的位置（键盘顶部）与原始位置（视口底部）之间存在延迟。

我对该元素的css是：

.fixed {
    position: absolute;
    z-index: 1000;
    height: 50px;
    display: block;
    bottom: 0px;
    width: 100%;
 }

修改

此行为仅取决于固定/绝对定位。同时输入位置：relative或position：static也有相同的问题。看起来软键盘的消失速度比屏幕/浏览器视图可以自动更新的速度快得多。看起来像内存问题或Android默认浏览器中的深层错误（现在就杀了我）。

以下是一些截图。

焦点：

http://i.cubeupload.com/AQS7h8.png

关于模糊（注意蓝屏±是mem问题吗？）：

http://i.cubeupload.com/nV3kMh.png

Answer 1

如果用android键盘破坏布局的类似情况，下面的代码应该适合你。

我们从顶部获取当前位置，设置顶部样式值，并重置底部值。

var fixed = document.querySelector(".fixed"),
    distanceFromTop = fixed.getBoundingClientRect().top;
fixed.style.top = distanceFromTop + 'px';
fixed.style.bottom = 'auto';

Android键盘消失后，固定元素（HTML）中断？

1 个答案: