微信小程序去除顶部导航条

有时候我们的微信小程序设计效果不需要顶部的导航条

可以参考微信小程序官方文档进行页面配置

>

一、自定义导航栏组件

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

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

topHeight = wxdbstatusBarHeight + wxdbnavBarHeight

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

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

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

步骤二：点击小程序

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

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

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

可以设置个padding-bottom: 450rpx;

就可以避免这个问题，然后通过焦点或者键盘状态动态来控制这个padding，键盘拉起就是450rpx,键盘隐藏再设置成0,或者直接450rpx就行。

微信小程序

微信小程序，简称小程序，缩写xcx，英文mini program。是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。

应用将无处不在，随时可用，但又无需安装卸载。

微信小程序于2017年1月9日凌晨正式上线。张小龙随后在朋友圈发出一条写着“201719”的状态，同时配有 iPhone 一代的新品发布图。张小龙以这样的形式，向乔布斯致敬。

我们使用uni-app或者微信小程序开发项目的时候总会遇到有遮罩层d出的效果，但是发现tabbar页面遮罩层无论你的层级有多高都遮不住我们的tanbar，这时候我们可以采用两种方式解决：

1、使用自定义tabbar组件；

2、在遮罩层打开的同时隐藏tabbar，unihideTabBar();遮罩层关闭的同时显示tabbar，unishowTabBar();

以上就是关于微信小程序去除顶部导航条全部的内容，包括:微信小程序去除顶部导航条、小程序扫一扫被遮挡怎么办、小程序自定义导航栏仿原生固定在顶部等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！