小程序自定义导航栏仿原生固定在顶部

一、自定义导航栏组件

二、设置导航栏固定样式 :

此时，页面主体内容头部会有一部分被导航栏遮住在底下 ，这是因为position定位不占瀑布流空间，历塌为解决这个问题，可以给自定义导航栏加空一唤拦个高度等于导航栏的view，以此给导航栏在页面中占位，且高度等于导航栏高度

topHeight = wx.db.statusBarHeight 和烂胡+ wx.db.navBarHeight

完美解决！！！小程序仿原生自定义导航栏

分享一个小技巧，把小程序置顶在聊天顶部，随时随地切换状态，用微信聊天的同时也能快速森举粗回到小程序。

步骤一：首先打开微信客户端，点击底部的“发现”按钮

步骤二：点击小程序

步骤三：进入到某个小程序的界面，这里以此镇“街店答胡”为例

步骤四：点击小程序右上角的“…”，选择“显示在聊天顶部”。

这样就可以实现聊天界面与小程序迅速的切换了。

---