问题描述:
页面底部菜单栏为固定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{
隐藏
}
});
移动端横屏竖屏切换和弹出键盘导致底部固定菜单出现问题解决方案
最新推荐文章于 2023-03-21 16:14:46 发布