css - 键盘弹出后，原本absolute底部固定栏被顶起

Question

h5页面有个固定的顶部，当输入框输入焦点的时候，软键盘出来，原本的底部被顶起来了，显示在手机键盘的上面，有没有简单设置样式可以解决的方法。

Answer 1

Change to relative or not position when getting focus

Answer 2

Don’t use absolute positioning. There will be problems with lower versions. Another thing is to pay attention to your html structure and don’t wrap the positioning

Answer 3

Hide the fiexd element when the commonly used keyboard pops up, and optimize it by disappearing and displaying the keyboard

Answer 4

The status bar at the bottom is positioned with fixed

Answer 5

Try not to use positioning as it is easy to cause problems. Just write according to the top-down structure. The input method pop-up will not affect it