After the input box is displayed in ios, the position: fixed becomes invalid. iosfixed

After the input box is displayed in ios, the position: fixed becomes invalid. iosfixed

Recently, when I used AmazeUI for Mobile Web development, I encountered a number of position: fixed issues. Position: fixed has been implemented in Android 2.2 and later versions. However, when the keypad is activated in iOS 8 and earlier systems, the position may be misplaced.

For example:

Inspired by Liu Hua children's shoes (http://my.csdn.net/liu__hua) on CSDN, I found a perfect solution.

<! DOCTYPE html> 
When the keyboard appears, the header and bottom automatically jump to the top and bottom of the page. When the keyboard is hidden, it is fixed at the head and bottom.
Content reproduced in: http://blog.csdn.net/liu__hua/article/details/40106595
For record.