在使用Amaze UI写手机页面的时候发现底部导航栏在魅族和vivo手机下不显示,但是点击底部导航的位置却可以触发事件,针对这个问题做下记录。
在查询过资料得知,魅族的手机是默认的浏览器不支持position: fixed;
所以底部的导航条是被遮住或是隐藏了,一般这个时候对页面设置最小高度可以解决,所以这里我选择对页面设置最小高度,使用$(window).height
来获取页面的高度,但是在vivo手机下仍然是一样的问题,经过排查,发现其实是$(window).height
在vivo手机下显示为0,所以这里设置最小高度的时候应该使用var minHei = screen.height || $(window).height;
来获取页面最小高度。