javascript - 滚动到 Cordova 聚焦场

Question

我的问题

我目前正在使用 Cordova 编写 iOS 应用程序。我有一个页面，上面有一个表单，如下所示:

当用户点击某个字段时，键盘会按预期在 iOS 上显示。但是，为了防止我的应用程序移出屏幕，我启用了以下设置:

// Prevent the keyboard from pushing up the webview
cordova.plugins.Keyboard.disableScroll(true);

不幸的是，这可以防止一些导致我出现问题的事情:

1. 当某个字段获得焦点时，屏幕不会滚动到该字段，因此有时该字段会出现在键盘后面。
2. 即使我确实有上述问题的解决方案，对于屏幕底部的元素，我也无法向下滚动足够远以将它们显示在键盘上方的 View 中。

我的问题

解决方案1

在 Cordova 中，有没有办法自动滚动到聚焦字段而不将整个应用程序移出屏幕？

如果可能，那么我如何处理靠近底部且无法进一步向上滚动到 View 中的字段？

显然，第一点可以使用 JavaScript/jQuery 和一些巧妙的逻辑来实现，例如 keyboard_height、position() 和 scrollTop()。但是，这又产生了关于键盘后面的输入字段的第二点问题......

解决方案2

如果我应用以下代码，它将解决上面突出显示的问题，但会产生另一个问题(如下所述):

// Enable the auto scroll when the keyboard is shown
cordova.plugins.Keyboard.disableScroll(false);

是否有办法将我的标题(“编辑个人资料”位)修复到屏幕顶部以确保该部分始终可见？

Answer 1

使用https://www.npmjs.com/package/cordova-plugin-keyboard#keyboardshrinkview及其Keyboard.shrinkView方法。