Take a look at the first question:
Why is my input obscured when I get the focus.
Workaround:
Source:
<! DOCTYPE html>
Always so willful, never explain why, why? This is last year's code, so I also forgot ...
Take a look at the second question:
Today a long-resigned front-end sister asked me one in iOS Safari browser why my CSS for position:fixed's header was actually dried by the soft keyboard.
So I spent nearly half an hour, borrowed a legendary 5s began the experiment.
So, please look at the source code:
<! DOCTYPE html>
Because it was just written, so I have to say:
First Baidu has also Google. Found is an apple bug, this bug is not good explanation, the more disgusting is, his soft keyboard in the input to get the focus after bouncing, and then will my "position": "fixed", abruptly broke into "position", "absolute" This makes me a straight man how to accept!
You look like this, I have to went ahead.
So I found the scrollbar height, and then made a scroll bar to listen to the event, and then this smooth resolution of the header is the top out of the bug. Of course, when the focus is lost, our fixed can still be used normally.
Well, that's it, I'm Songyusheng, I'm honored if I accidentally helped you.
iOS Safari input fixed soft keyboard love hate revenge