正文

解决ios设备软键盘弹出导致页面整体被顶起

IP云
IP云V管理员/76 阅读
11/12
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

问题

ios设备：点击input，软键盘弹出，页面整体向上偏移

需求

当软键盘弹起，input改变位置并始终贴着软键盘，整体页面不上移动

解决

页面采用flex布局

<div class="flex">
    <div class="box">
        <div class="head"></div> //标题区
        <div class="body"></div> //内容滚动区
        <div class="foot"></div> //输入区
    </div>
</div>