距开课0天0时0分-10084328秒
巴扎黑2016-11-10 15:29:54 0 2 516
[Html5讨论组]举报回复话题 ↕
大家好，最近被一个问题困惑，请大家帮忙解答下，我需要实现的布局如下图所示
我要实现的效果就是1.大屏幕上底部的按钮相对于屏幕定位（bottom定位）2.在小屏幕上就是第二张图的样子，不能覆盖内容区域，可以允许出现滚动条3.当内容区域的输入框获取焦点，键盘弹起的时候，不把buttom给推起来(已经试过安卓上absolute和fixed都会被推起来)
2
0
分享
面对疾风吧 2016-11-10 15:31:222楼
1.这个布局不需要使用 fixed 或 absolute 用高度撑下去即可2.移动端有输入框的页面尽量避免使用 fixed 弹窗除外3.你可以在输入框 focus 时隐藏按钮 blur 时恢复显示4.禁止 body 滚动 使用区域滚动 / iscroll
赞 +0添加回复
面对疾风吧 2016-11-10 15:30:141楼
ios下使用fixed在键盘弹起会导致fixed失效
面对疾风吧 2016-11-10 15:31:222楼
1.这个布局不需要使用 fixed 或 absolute 用高度撑下去即可
2.移动端有输入框的页面尽量避免使用 fixed 弹窗除外
3.你可以在输入框 focus 时隐藏按钮 blur 时恢复显示
4.禁止 body 滚动 使用区域滚动 / iscroll
赞 +0添加回复
面对疾风吧 2016-11-10 15:30:141楼
ios下使用fixed在键盘弹起会导致fixed失效
赞 +0添加回复