切换表格输入动画在手机游戏中奇怪地弹跳

Question

在移动版Safari中的表单输入之间切换时，光标会以奇怪的方式进行动画制作（无论您是使用箭头按钮，还是只是单击表单本身）

Here is a link to a video of the jumping in action

Answer 1

我的猜测是，QuickType栏会导致屏幕改变键盘的大小......尝试将其添加到输入中。

<input autoCapitalize="off" autoComplete="off" autoCorrect="off" ... />

Answer 2

软键盘会改变屏幕的高度，因为当您输入User ID显示预测字段时，相反，当您输入Password时它们会被隐藏 - 因为密码没有任何建议。< / p>

您需要将登录窗格的容器对齐到底部，因此当视口大小发生变化时，容器会向上滑动 - 保持与底部对齐 - 并且没有反弹效果

在css中：

.container{
    position: absolute:
    bottom: 0;
}