Javascript-how to solve the problem of getting focus from input in Apple 5, and shielding input with a soft keyboard

The problem is that when the wap page gets the focus on the Apple 5 mobile phone, it will block the input box. how can this problem be solved?

The problem is that when the wap page gets the focus on the Apple 5 mobile phone, it will block the input box. how can this problem be solved?

Reply content:

The problem is that when the wap page gets the focus on the Apple 5 mobile phone, it will block the input box. how can this problem be solved?

In fact, @ is the solution. for details, refer to weui demo...

Why is it blocked? I guess you used the percentage to write the location ~ If the percentage is used, do not write 100% for the html height on the outermost layer. just use JS to assign the page height to it.

This is caused by position: fixed. Solution: replace fixed with relative when getting focus

@ Code crazy. you don't need to write fixed. It can be determined that it is also a solution to move the input box up when you click.