Mobile keyboard Masking input issues

When developing a mobile project, the test proposes an optimization problem, namely:

input Gets the focus popup system virtual keyboard when input is blocked by the keyboard (PS: This issue is only available on Android phones, iOS systems are automatically processed).

The solution is:

When input takes focus, gets the distance of input in the page relative to the half of the screen thistop, then adds a div to the body , the height is thistop+50, The scrolltop of the page is then set to THISTOP+50, which guarantees that input gets the focus in the middle of the screen;

Hide the dynamically added div when the input is complete.

If there is inaccurate expression, welcome to correct, welcome to add, thank you for reading!

Mobile keyboard Masking input issues