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

标签 javascript html angularjs ionic-framework

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

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

最佳答案

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

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

cordova.plugins.Keyboard.shrinkView(false);

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

关于javascript - 在 iOS 和 Android 上打开键盘时,如何将元素保留在页面底部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39704806/

相关文章:

javascript - 在 jquery 中包含 php 文件

javascript - 如果 div B 为空则隐藏 div A

JavaScript/HTML Canvas : clearing a text box

javascript - onLoad 函数未执行

javascript - AngularJS 对单个元素进行多重验证以及无需验证

javascript - Angular JS ui-router 未加载 View

javascript - 找不到模块 'react-i18next'

jquery高度动画错误

javascript - 如何将发布/获取 json 值 (html) 发送到 API?

angularjs - ng 单击更新模型不重置 ng src