webapp中绝对定位/固定定位与虚拟键盘冲突的问题

0 0

webapp中最底下一般会有一些功能按钮，用absolute或者fixed固定在最底下，这个在pc端不会有什么问题，但是移动设备有时候会弹出虚拟键盘，导致布局有一定混乱，而且在闪现的时候容易引起误操作。

不知道大家有什么综合的解决方案去解决这个问题？

10 years, 4 months ago

千酱ど露酱 10 years, 4 months ago

在移动平台上用 fixed 定位方式把内容定位到屏幕底部就是作死，不要这么设计，为 PC 和移动平台设计两套吧。

另外有个取巧的做法，在移动平台上可以监听窗口大小变化，然后可以在键盘弹出来的时候临时隐藏底部内容，优化体验。

answered 10 years, 4 months ago

jas32 answered 10 years, 4 months ago