当虚拟键盘覆盖它时，如何让您的页面将输入元素滚动到视图中？

Posted 2023-02-23

【中文标题】当虚拟键盘覆盖它时，如何让您的页面将输入元素滚动到视图中？

【英文标题】：How to get your page to scroll an input element into view when the virtual keyboard covers it?

【发布时间】：2015-03-28 02:39:36

【问题描述】：

当我在 ios Safari 和 Chrome 中加载我的网站时，这会自动完成，但当我在 cordova 中加载它时不会完成。如果可能，我更喜欢非 JS 解决方案。

【问题讨论】：

非JS是什么意思？没有脚本你想怎么实现？

理想情况下，有一些方法可以告诉 iOS 像 Safari 中的键盘一样对待 UIWebView 中的键盘打开。如果这不可能，那么一个 JS 解决方案就可以了。

例如在 android 上这是一个设置：developer.android.com/guide/topics/manifest/…

【参考方案1】：

使用：https://github.com/driftyco/ionic-plugins-keyboard

与：

window.addEventListener 'native.keyboardshow', (e) ->
  cur_height = $('body').height()
  $('body').height cur_height - e.keyboardHeight

window.addEventListener 'native.keyboardhide', (e) ->
  $('body').height '100%'