您的位置:首页 > 产品设计 > UI/UE

在魅族、vivo手机下Amaze UI底部导航消失问题

2017-10-23 09:06 579 查看
在使用Amaze UI写手机页面的时候发现底部导航栏在魅族和vivo手机下不显示,但是点击底部导航的位置却可以触发事件,针对这个问题做下记录。

在查询过资料得知,魅族的手机是默认的浏览器不支持
position: fixed;
所以底部的导航条是被遮住或是隐藏了,一般这个时候对页面设置最小高度可以解决,所以这里我选择对页面设置最小高度,使用
$(window).height
来获取页面的高度,但是在vivo手机下仍然是一样的问题,经过排查,发现其实是
$(window).height
在vivo手机下显示为0,所以这里设置最小高度的时候应该使用
var minHei = screen.height || $(window).height;
来获取页面最小高度。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息