iOS input focus pop-up soft keyboard causes fixed element position shift

Under normal condition

When the input focus soft keyboard pops up

Problem Description:

Fixed head structure, scrolling to the lower content area, input, textarea and other focus pop-up soft keyboard, the head position offset is centered (the problem iOS7 beta3 has been fixed), when the soft keyboard closed, the head structure position back to normal

Under Android, the fixed performance is better than iOS, this problem does not occur

However, in the mobile side, basically all mobile phones, page scrolling time, any JS will not be executed, so look for CSS method (and JS method to compare consumption performance)

All kinds of large web site solutions: Generally avoid hanging elements on the page, or have hanging elements, to avoid the soft keyboard pop-up event

Current CSS Workaround:

The head is still fixed, the middle of input, textarea and other parts also fixed,width:100%,top value is the top height, bottom:0 (if the top is fixed, the bottom value is the bottom height), overflow:scroll

Cons: Poor experience, a sense of Dayton, and although can also scroll, but the phone does not show the scroll bar.

If you have a better solution, please advise

iOS input focus pop-up soft keyboard causes fixed element position shift