H5开发页面输入框被软键盘弹出时顶起解决

文章目录

    • 问题描述
    • 方法1.

问题描述

当我在输入框中输入数据时,自带的键盘会把输入框挤出原来的位置

方法1.

设置html和body高度,之后将按钮相对于body定位 (这里的body需要设置高度为100%):

html,body{
    position:relative;
    height:100%;
    min-height:100%;
}
button{
    position:absolute;
    bottom:0;
}

参考

H5页面 绝对定位元素被 软键盘弹出时顶起

你可能感兴趣的:(前端,H5)