enjoy124的博客

原创 uniapp 自定义顶部导航栏 ，以及fixed定位兼容

原因：APP 和微信的原生导航栏和tabbar下，元素区域坐标是不包含原生导航栏和tabbar的。而 H5 里原生导航栏和tabbar是 div 模拟实现的，所以元素坐标会包含导航栏和tabbar的高度。1.使用uview的u-navbar自定义导航栏时，发现网页h5是正常的，但是启动模拟器app时，发现内容全部被导航栏覆盖，顶上去了，如下图。uni-app新增了2个css变量：–window-top和–window-bottom，可以直接style中使用替代top和bottom。