Fixed issue with iOS not supported

Our company has a fixed style at the bottom of the page, and every time the keyboard pops up, the iOS fixed will be out of shape (as far as I know Android doesn't have the problem).

I did a simple processing before I passed the product's consent (Method 1).

Method One:

Focus makes the fixed block position into relative, which is the simplest way to handle it.

Here's my little demo.

<! DOCTYPE html>

Method Two:

Position:absolute; re-calculates the position each time the scroll is rolled.

Here is my little demo,touch when the hidden processing, input focusout and window resize when the fixed position is recalculated.

<! DOCTYPE html>
Fixed issue with iOS not supported