小程序自定义导航栏仿原生固定在顶部
2020-09-23 本文已影响0人
搁浅的椰子
一、自定义导航栏组件
![](https://img.haomeiwen.com/i24637786/636587c880f6ec8e.png)
![](https://img.haomeiwen.com/i24637786/03191883744c9560.png)
二、设置导航栏固定样式 :
![](https://img.haomeiwen.com/i24637786/04d0563a5e7241b0.png)
此时,页面主体内容头部会有一部分被导航栏遮住在底下 ,这是因为position定位不占瀑布流空间,为解决这个问题,可以给自定义导航栏加空一个高度等于导航栏的view,以此给导航栏在页面中占位,且高度等于导航栏高度
topHeight = wx.db.statusBarHeight + wx.db.navBarHeight
![](https://img.haomeiwen.com/i24637786/1ef36e87301526bb.png)
完美解决!!!小程序仿原生自定义导航栏