您的位置:首页技术文章
文章详情页

绝对定位和fied定位,键盘弹起对布局的影响

【字号: 日期:2024-06-09 09:08:07浏览:43作者:猪猪
导读:问题描述大家好,最近被一个问题困惑,请大家帮忙解答下,我需要实现的布局如下图所示我要实现的效果就是1.大屏幕上底部的按钮相对于屏幕定位(bottom定位)2.在小屏幕上就是第二张图的样子,不能覆盖内容区域,可以允许出现滚动条3.当内容区域的输入框获取焦点,键盘弹起的时候,不把buttom给推起来(已...

问题描述

大家好,最近被一个问题困惑,请大家帮忙解答下,我需要实现的布局如下图所示

绝对定位和fied定位,键盘弹起对布局的影响

我要实现的效果就是1.大屏幕上底部的按钮相对于屏幕定位(bottom定位)2.在小屏幕上就是第二张图的样子,不能覆盖内容区域,可以允许出现滚动条3.当内容区域的输入框获取焦点,键盘弹起的时候,不把buttom给推起来(已经试过安卓上absolute和fixed都会被推起来)

问题解答

回答1:

1.这个布局不需要使用 fixed 或 absolute 用高度撑下去即可2.移动端有输入框的页面尽量避免使用 fixed 弹窗除外3.你可以在输入框 focus 时隐藏按钮 blur 时恢复显示4.禁止 body 滚动 使用区域滚动 / iscroll

回答2:

ios下使用fixed在键盘弹起会导致fixed失效