Phonegap 3.5-IOS 7.1+-键盘按键

Question

When building and running on ios 7.1+ emulator, when I focus on an input field, the keyboard pushes up the webview, resulting in my header being pushed off-screen. I would like the header to remain fixed.

I am using jQuery mobile for the UI template-ing.

Is there any workaround or standard approach to solving this issue? Also can someone explain why this is happening?

I have spent some time looking into this and found the following two related StackOverflow questions, however the solutions did not help me solve the problem.

1. First Related Link
2. Second Related Link

I also tried setting the jquery mobile 'data-position="fixed"' attribute to the header but that did not work either.

Thanks!

Answer 1

I have tried this and my headers are in position:

<div data-theme="a" data-role="header" data-position="fixed" data-tap-toggle="false">

Add the data-tap-toggle="false" part let me know if it works.