0

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

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

查看全部 6 个回答

0

按照采纳的答案来搞就是:监听窗口大小变化 视窗高度 小于 页面高度时 清除定位
`
window.onresize = function(e){

if(e.target.outerHeight < $('body').height()){
    $('#bottom').css({'position':'static'});
}else{
    $('#bottom').css({'position':'fixed'});
}

}`

该答案已被忽略,原因:

推荐答案

5

已采纳

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

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