在 iOS 和 android 上打开键盘时，如何在页面底部保留一个元素？

【问题标题】：How can I keep an element on the bottom of the page when keyboard is opened on iOS and android?在 iOS 和 android 上打开键盘时，如何在页面底部保留一个元素？
【发布时间】：2016-09-26 22:08:13
【问题描述】：

我在网页底部有一个我想要的按钮。无论滚动在哪里，我都希望此按钮位于页面底部。问题是bottom: 0px;position:fixed; 的标准 css 在键盘启动时不起作用。

现在我们正在使用ion-footer-bar，但这只会将按钮保留在 android 的键盘顶部。当为 ios 拉起键盘时，它不会向上移动。有人对此有任何解决方法吗？

【问题讨论】：

标签： javascript html angularjs ionic-framework

【解决方案1】：

对于使用 Cordova 的应用程序，您可以执行以下操作：

这是因为在 Android 上 WebView 在键盘时会缩小，而在 iOS 上则不会（默认情况下）。所以 iOS 是你可以把下面的代码放在你的应用程序初始化的某个地方，它在 iOS 上的行为应该和在 Android 上一样。

cordova.plugins.Keyboard.shrinkView(false);

这个功能在安卓上不工作，所以你不用担心。

【讨论】：

我们没有cordova，因为我们使用的是网络应用程序
那么问题出在哪里？在 iOS 上使用 Safari？如何重现此问题？