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