Question

HTML页面 input框获取焦点的时候会被键盘挡住 怎么解决？

HTML页面 input框获取焦点的时候会被手机键盘挡住 怎么解决？

Answer 1

HTML页面 input框获取焦点的时候会被键盘挡住是因为键盘高度设置不当导致。

解决办法：把键盘高度设置一下 或者把手机键盘设置成悬浮状态。

获取输入法高度的方法：
当弹出输入法时，在html页面上，webview的高度会自动减少，留出空间给软键盘。
那么输入法高度=屏幕高度-状态栏高度-webview高度
在小米note上，默认输入法高度是 863px。

Answer 2

很好解决啊 把键盘高度设置一下 或者把手机键盘设置成悬浮状态

追答

html 怎么设置键盘高度？

Answer 3

获取焦点以后通过 JS 去修改整个页面的位置 你可以固定一个位置 比如 margin-top：-100吧页面提上去 等事情焦点了在变回0 这里提醒一下 这个移动的数值 你最好根据浏览器高度去设置 不然会有BUG