滚动到Focused Field Cordova

时间:2016-04-21 16:53:47

标签: javascript jquery ios cordova

我的问题

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

Form Example

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

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

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

  1. 当一个字段被聚焦时,屏幕不会滚动到该字段,所以有时,该字段会出现在键盘后面。
  2. 即使我确实有上述解决方案,对于屏幕底部的元素,我也无法向下滚动到足以让它们进入键盘上方。
  3. 我的问题

    解决方案1 ​​

    在科尔多瓦,有没有办法自动滚动到聚焦字段而不将整个应用移出屏幕?

    如果可能,那么如何处理靠近底部并且无法再向上滚动到视图中的字段?

    显然,第一点可以使用JavaScript / jQuery以及keyboard_heightposition()scrollTop()的一些聪明逻辑来实现。但是,这会产生关于键盘背后输入字段的第二点的问题......

    解决方案2

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

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

    是否仍然可以修改我的标题(编辑个人资料'位)到屏幕顶部以确保该部分始终可见?

1 个答案:

答案 0 :(得分:0)

使用select A.ID, A.COL as COL1, B.COL2 from A left join B on A.COL = B.COL1及其https://www.npmjs.com/package/cordova-plugin-keyboard#keyboardshrinkview方法。