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。
原创
2024-05-16 17:41:29 ·
650 阅读 ·
0 评论