Question

我正在为应用创建一个入职流程，其中一部分是以下屏幕：

这没问题。当用户点击输入字段并打开键盘时，这就是应该发生的事情：

我知道屏幕上有单独的内容，但我相信你会明白这个想法。在第一个屏幕上，使用以下结构使页脚粘到底部：link。

我的代码的简化示例：

<div class="page-wrap">
 I'm signed up with
<input type="text" />
</div>

<footer class="site-footer">
 <a href="#">Next</a>
</footer>

所以需要发生的是粘性页脚随键盘一起出现。然而问题是，在iOS上（我不确定Android），视口根本不会改变。键盘只是一个叠加层，带有轻微的动画，可将输入字段移动到可见屏幕的中心。所以这不会真正起作用，＆＃34; Next＆＃34;按钮现在已经不存在了。

据我所知，有 no 方法可以使用JS访问剩余的视口。理想情况下，我会为页脚设置动画。

所以我想剩下要做的就是硬编码每个设备的像素，然后在选择/取消选择输入时从那里开始。这显然是不可能做到和维持的。

所以我的问题是：是实际上有一种方法可以做到这一点而非干净，同时涵盖了大多数流行的设备？如果是，如何，如果没有，其他选项（如果有的话）是什么？

谢谢！