移动端横屏竖屏切换和弹出键盘导致底部固定菜单出现问题解决方案

问题描述:
页面底部菜单栏为固定fixed定位,手机上点击输入框弹出键盘后菜单上移,需要再键盘弹出时隐藏菜单。
解决方案
$(window).resize(()=>{})监听窗口高度变化隐藏和显示菜单
新的问题:
在pad上横屏竖屏展示时,窗口高度变化导致菜单消失
解决方案
初始化获取当前窗口的高度和宽度,使用上面的监听方法,监听当前的窗口高度,当窗口高度和初始化的高度或者宽度一致时,显示菜单,否则隐藏
隐藏bug:当弹出键盘时,窗口高度和当前宽度一致时会出现问题,但是概率应该非常小
let h = $(window).height();
let w = $(window).width();
$(window).resize(()=>{
let v = $(window).height();
let flag = v == h || w == w;
if(flag){
显示
}else{
隐藏
}
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值