javascript - 在 iOS 和 Android 上打开键盘时，如何将元素保留在页面底部？

Question

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

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

Answer 1

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

这是因为，在 Android 上，WebView 会在键盘按下时收缩，而在 iOS 上则不会(默认情况下)。因此，iOS 是您可以将以下代码放在应用程序初始化的某个位置，它在 iOS 上的行为应该与在 Android 上的行为相同。

cordova.plugins.Keyboard.shrinkView(false);

此功能在 Android 上不起作用，因此您不必担心。