切换表单输入动画在移动 safari 中奇怪地弹跳

【问题标题】：Switch form input animation bouncing strangely in mobile safari切换表单输入动画在移动 safari 中奇怪地弹跳
【发布时间】：2015-07-07 18:21:26
【问题描述】：

在移动 safari 上的表单输入之间切换时，光标会向下动画并以一种奇怪的方式弹跳（无论您是使用箭头按钮，还是只是单击表单本身）

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

在css 中：

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

【讨论】：