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

问题

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

目前创新互联公司已为近1000家的企业提供了网站建设、域名、雅安服务器托管、网站改版维护、企业网站设计、陵城网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

需求

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

解决

页面采用flex布局

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

网站栏目：解决ios设备软键盘弹出导致页面整体被顶起
转载源于：https://www.cdcxhl.com/article16/dsojigg.html

成都网站建设公司_创新互联，为您提供App开发、、网站设计、网站建设、域名注册、网站收录

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容