开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我的导航栏没有隐藏,为什么？

导航栏没有隐藏的原因可能有多种，以下是一些可能的原因和解决方法：

CSS样式问题：导航栏的样式可能被其他CSS样式覆盖或者设置不正确。可以通过检查CSS样式表中的导航栏相关的样式，并确保其正确设置。
JavaScript冲突：如果导航栏的隐藏是通过JavaScript实现的，可能存在与其他JavaScript代码冲突的情况。可以通过检查浏览器的开发者工具中的JavaScript错误信息来定位并解决冲突问题。
响应式设计问题：如果导航栏是在移动设备上没有隐藏，可能是因为没有正确设置响应式设计。可以通过检查导航栏的CSS和HTML代码，确保在移动设备上正确隐藏导航栏。
浏览器兼容性问题：不同的浏览器对CSS和JavaScript的解析和执行可能存在差异，导致导航栏在某些浏览器上没有隐藏。可以通过使用浏览器的兼容性工具或者在不同浏览器上进行测试，找出并解决兼容性问题。
缺少隐藏导航栏的逻辑：如果没有在代码中添加隐藏导航栏的逻辑，那么导航栏就不会隐藏。可以通过添加相应的代码来实现导航栏的隐藏功能。

腾讯云相关产品和产品介绍链接地址：

腾讯云CSS CDN：提供全球加速的内容分发网络服务，可以加速网站的访问速度，优化用户体验。详情请参考：https://cloud.tencent.com/product/cdn
腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云云安全中心：提供全面的云安全解决方案，包括DDoS防护、Web应用防火墙等。详情请参考：https://cloud.tencent.com/product/ssc
腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Simple Control:无需Root为设备添加导航栏

文章更新: 　　20170209 初次成文应用名称:Simple Control 应用包名:ace.jun.simplecontrol 备注说明:无需Root 今天呢，小苏要向大家介绍一款可以给手机添加导航栏的应用，这款应用的功能是通过"无障碍"服务实现的，所以应用不需要申请Root权限。首先需要说明的是:这款应用是通过在应用上方绘制一层类似于导航栏的样式来实现模拟导航栏的功能，而不是给设备添加一个原模原样的导航栏。当然，你如果问我"此导航栏"能否与原生导航栏所媲美，我说当然不能100%媲美原生导航

02

笔记53 | 管理系统UI（一）

淡化状态栏和系统栏如果要淡化状态和通知栏，在版本为4.0以上的Android系统上，你可以像如下使用 SYSTEM_UI_FLAG_LOW_PROFILE这个标签。 // This example uses decor view, but you can use any visible view. View decorView = getActivity().getWindow().getDecorView(); int uiOptions = View.SYSTEM_UI_FLAG_LOW_PROFIL

04

iOS导航栏切换界面时隐藏和显示

现如今很多App的一些模块，尤其是个人中心模块，界面设计已经习惯于不保留导航栏，而是直接将界面背景覆盖到状态栏，比如QQ的个人信息界面：

03

iOS状态栏使用总结

目录：一、状态栏与导航栏二、设置状态栏显隐与字体样式三、设置状态栏背景色四、启动页隐藏状态栏五、状态栏、导航栏相关的常用宏定义相关文章：iOS导航栏的使用总结一、状态栏与导航栏状态栏：显示时间、电池等信息导航栏：显示app页面标题，返回按钮等 iOS7之前：状态栏与导航栏是分开的； iOS7之后：状态栏与导航栏合在一起；导航部分总高度(64)= 状态栏高度(20) +导航栏内容高度((44） iPhoneX设备出现以后，状态栏的高度变为44，导航栏部分总高度(88) = 状态栏

03

iOS导航栏使用总结

目录：一、设置导航栏样式二、解决自定义导航栏返回按钮后侧滑不可用问题三、隐藏导航栏底部的分割线四、导航栏引起的布局问题相关文章：iOS状态栏的使用总结一、设置导航栏样式设置导航栏的样式可分为全局设置与局部设置； 1.全局设置全局设置一般的都是在AppDelegate中设置，这样整个app都会生效，相关的代码与效果图如下： //1.设置导航栏背景颜色 [[UINavigationBar appearance] setBarTintColor:[UIColor orangeColor]];

02

[保姆级教程]uniapp自定义导航栏

在你的页面 pages.json 配置中，为相应的页面设置 navigationStyle 为 custom，这将隐藏默认的导航栏。

01

iOS透明导航栏的平滑过渡（进阶版）引实现过程结

如我在传送门：iOS导航栏切换界面时隐藏和显示中所说，现在很多App的个人中心模块都是不保留导航栏的，会直接使导航栏透明，比如做的很好的QQ个人信息界面：

04

iOS 11 更大的导航（官方翻译版）

导航栏导航栏出现在应用程序屏幕顶部的状态栏下方，并可以通过一系列分层屏幕进行导航。当显示新屏幕时，通常标有前一屏幕标题的后退按钮出现在栏的左侧。有时，导航栏的右侧包含一个控件，如编辑或完成按钮，用于

03

沉浸式管理：让你的APP更优雅

http://www.jianshu.com/u/e01fe6ddfa1c

03

UINavigationController 导航控制器概念属性方法

概念 UINavigationController 继承于 UIViewController 包含：viewcontrollers、NavigationBar、Toolbar 导航控制器是一个堆栈结构，只是其中管理的对象是controller，通过push与pop进行controller的切换，UINavigationController是将这些控件（UINavigationBar，UINavigationItem和UIToolBar）和UIViewController紧密的结合了起来总结： Naviga

06

最新iOS设计规范三｜3大界面要素：栏(Bars)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。

01

Android屏幕各部分详细介绍

目前，android屏幕上大致分成三个部分：通知栏，内容区、虚拟导航栏（NavigatorBar）因为这三个区域引起的问题数不胜数，必须好好总结一下

02

如何灵活运用CSS Positions布局设计响应式导航栏

在现代网页设计中，响应式导航栏是一个非常关键的组成部分。它能够给用户提供更良好的使用体验，并且能够适应各种不同屏幕尺寸的设备。

01

Android经典面试题之Kotlin中如何隐藏DialogFragment和Dialog的导航栏

在 Android 中，使用 DialogFragment 显示对话框时，如果您希望隐藏系统导航栏（如状态栏和导航键），可以通过设置相关的系统 UI 标志来实现。这需要在 DialogFragment 的视图创建和显示过程中配置窗口属性。

01

03_iOS导航栏的正确隐藏方式

在项目中经常碰到首页顶部是无限轮播,需要靠最上面显示.有的设置导航栏为透明等一系列的方法,这个可以借助第三方.或者干脆简单粗暴的直接隐藏掉导航栏.可是push到下一个页面的时候是需要导航栏的,如何做了,这里给出两种方法.

02

iOS开发UINavigation系列四——导航控制器UINavigationController

在前面的博客中，我么你介绍了UINavigationBar，UINavigationItem和UIToolBar，UINavigationController是将这些控件和UIViewController紧密的结合了起来，使用导航，我们的应用程序层次会更加分明，对controller的管理也更加方便。前几篇博客地址如下：

02

Android状态栏微技巧，带你真正理解沉浸式模式

本文介绍了沉浸式模式在Android开发中的实现，主要包括了沉浸式模式的定义、实现方式、优缺点以及实例展示。

iOS系统中导航栏的转场解决方案与最佳实践

目前，开源社区和业界内已经存在一些 iOS 导航栏转场的解决方案，但对于历史包袱沉重的美团 App 而言，这些解决方案并不完美。有的方案不能满足复杂的页面跳转场景，有的方案迁移成本较大，为此我们提出了一套解决方案并开发了相应的转场库，目前该转场库已经成为美团点评多个 App 的基础组件之一。

03

原 Intellij IDEA 2017

这个章节让你熟悉Intellij IDEA的用户界面，以便帮助你更好的在工作环境中使用。当你第一次运行Intellij IDEA或者没有打开项目时，Intellij IDEA显示欢迎页面，以便能够快

06

vue-element-admin隐藏左侧的导航栏

要求：在左侧导航栏里面，新增拼图是一个页面，我现在想要隐藏起来，而不是删掉，那么应该怎么做？其实方法特别的简单，但是对于小白来说还要找一下哦，我就是那个小白，呜呜，那就记录一下vue-element-admin隐藏左侧的导航栏我是怎么做到的吧

03

谈谈StatusBar相关的东西

2、有导航栏的情况如果我们使用了导航控制器 UINavigationController，且它的 navigationBar 没有被隐藏，那么会发现即使重写 preferredStatusBarStyle 方法，这个方法也不会被调用。因为此时状态栏的样式是根据导航栏的样式来自动变换的。

02

【iOS】基于Realm数据库的记账软件--钱包/记账模块（四）终

接下来，我们将开始钱包模块和记账模块。其实钱包模块是整个项目中最简单的一部分了，所以我将挑几个点说一说~还是老规矩，先看看界面效果: 图一：

02

全屏、沉浸式、fitSystemWindow使用及原理分析：全方位控制“沉浸式”的实现

状态栏与导航栏属于SystemUi的管理范畴，虽然界面的UI会受到SystemUi的影响，但是，APP并没有直接绘制SystemUI的权限与必要。APP端之所以能够更改状态栏的颜色、导航栏的颜色，其实还是操作自己的View更改UI。可以这么理解：状态栏与导航栏拥有自己独立的窗口，而且这两个窗口的优先级较高，会悬浮在所有窗口之上，可以把系统自身的状态栏与导航栏看做全透明的，之所有会有背景颜色，是因为下层显示界面在被覆盖的区域添加了颜色，之后，通过SurfaceFlinger的图层混合，好像是状态栏、导航栏自身有了背景色。看一下一个普通的Activity展示的时候，所对应的Surface（或者说Window也可以）。

04

iOS导航栏基础效果配置[通俗易懂]

若iOS7之后仍要使用第一种方法全局设置，则需要在plist文件中添加View controller-based status bar appearance 字段，值为NO ，意为不使用控制器管理状态栏。

01

vue系列教程之微商城项目|商品详情

3.监听商品列表页的商品点击事件，当点击后携带数据跳转到商品详情页(上一文中已完成)

02

Material Design — 底部导航（Bottom Navigation）

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

09

浅谈 Android 自定义锁屏页的发车姿势

一、为什么需要自定义锁屏页　　锁屏作为一种黑白屏时代就存在的手机功能，至今仍发挥着巨大作用，特别是触屏时代的到来，锁屏的功用被发挥到了极致。多少人曾经在无聊的时候每隔几分钟划开锁屏再关上，孜孜不倦，其酸爽程度不亚于捏气泡膜。确实，一款漂亮的锁屏能为手机增色不少，但锁屏存在的核心目的主要是三个：保护自己手机的隐私，防止误操作，在不关闭系统软件的情况下节省电量。　　当下，各个款式的手机自带的系统锁屏完全能够满足这些需求，而且美观程度非凡，那么开发者为什么仍然需要构建自定义锁屏呢？让我们试想一个场景，一位正在

09

iOS 8 之后UINavigationController新特性

iOS 8 之后，UINavigationController 为开发者提供了一些好用的功能，这些功能以前实现起来可能比较麻烦，而现在只需要一个属性就搞定了。

02

uni-app开发一个小视频应用(一)

“ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，是一种终极的跨平台解决方案，这里的平台，主要指的是App平台(android、ios)、小程序平台、H5平台。开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 ” 01 开发一个小视频应用一初始化项目打开HBuilderX IDE，新建一个名称为mini-video的初始化uni-app项目，这里勾选uni-app即可创建，项目创建完成后，打开pages

07

Human Interface Guidelines —— 导航栏（Navigation Bars）

自上次参加完回音分享会后，我下定决心要洗心革面乖乖打基础，于是开启了这个part，争取两个月不间断更新，写完Material Design与iOS中的组件（顺便学学英语），以便今后在使用的时候完全不虚

Android 沉浸式解析和轮子使用

我们先一起来回顾一下实现沉浸式状态栏的一般套路。在 Android 上，关于对 StatusBar（状态栏）的操作，一直都在不断改善，并且表现越来越好，在 Android4.4 以下，我们可以对 StatusBar 和 NavigationBar 进行显示和隐藏操作。但是直到 Android4.4,我们才能真正意义上的实现沉浸式状态栏。从 Android4.4 到现在（Android 9），关于沉浸式大概可以分成三个阶段：

01

iOS 知识小集（Status Bar变换）

iOS 中经常会有需要在某个界面改变状态栏颜色或者某个界面隐藏状态栏的需求。而改变状态栏颜色和控制状态栏显示和隐藏的API，在iOS 的不同版本中也发生了很多变化。

02

html布局_css三栏布局

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/168299.html原文链接：https://javaforall.cn

03

导航栏的设置背景线

一、设置导航栏底线简单获取底线 - (UIView *)navLine { if (!_navLine) { UIView *backgroundView = [self.navigationController.navigationBar subviews].firstObject; _navLine = backgroundView.subviews.firstObject; } return _navLine; } 2.单个页面

vue博客实战---博客首页开发

上一篇文章讲完了项目的搭建。本篇开始就正式博客网站的开发了，本篇文章实现博客首页的开发。博客网站的架构如下：

02

html导航栏可以展开的下拉菜单,html导航栏下拉菜单如何制作[通俗易懂]

小编给大家分享一下html导航栏下拉菜单如何制作，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

02

Cocoa编程中视图控制器与视图类详解

iPhone编程规则是：一个窗口，多个视图。UIView是iPhone屏幕上很多控件的基础类。每个iPhone用户界面都是由显示在UIWindow（这其实也是个特殊的UIView）内的众多UIView及其专门化子类构建的。显示数据的视图： UITextView UILabel UIImageView UIWebView MKMapViews UIScrollView 可选择的视图（以下两个视图类实例都是模态显示的）： UIAlertView UIActionSheet 所有控件（控件是将用户触摸转换为回

05

【IOS开发基础系列】Navigation页面导航专题

对于父级VC与子级VC分别有navigationController的情况，即不是使用push方式加载子VC，而是通过AddChildViewController的方式添加的场景，则父级导航条会覆盖在子级导航条上面，所以需要在载入时把父级导航条做隐藏处理：

02

NavigationBar&tabBar调色那些事儿1. 导航栏调色那些事儿2. 标签栏TableBar那些事儿

Paste_Image.png 1. 导航栏调色那些事儿小规律：要设置内容，全找item 要修改颜色及文字属性，找bar 1.1 改变 NavigationBar 的背景颜色 [UINavigationBar appearance].barTintColor = [UIColor blueColor]; //如果使用的是backgroundColor，就会自带毛玻璃效果 self.navigationBar.backgroundColor = [UIcolor blueColor]; 1.2 改变 Na

05

PyCharm入门教程——用户界面导览「建议收藏」

JetBrains PyCharm是一种Python IDE，其带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具。此外，该IDE提供了一些高级功能，以用于Django框架下的专业Web开发。

01

# iOS导航栏控制Tips

有时候，我们可能需要统一工程中的返回按钮样式，比如都是箭头+返回或者都是箭头。方案有两种：

03

Zabbix6.0 LTS 自定义Web前端图标logo，隐藏Support导航栏

Zabbix最新版本（5.0 、5.4、6.0、6.4）提供了 Rebranding（直译为品牌重塑）的模块。用户可以自定义Zabbix logo、隐藏前端仪表盘导航栏 Zabbix 支持和 Zabbix 集成的链接、更改主页页脚的版权以及自定义链接到帮助页面，该模板为一个 php 文件。

01

uni-app小程序开发常用配置项配置

https://uniapp.dcloud.net.cn/collocation/pages.html#pages

01

React Native 系列(八) -- 导航

前言本系列是基于React Native版本号0.44.3写的。我们都知道，一个App不可能只有一个不变的界面，而是通过多个界面间的跳转来呈现不同的内容。那么这篇文章将介绍RN中的导航。导航什么是导航？其本质就是视图之间的界面跳转，例如首页跳转到详情页。在RN中有两个组件负责实现这样的效果，它们是: NavigatorIOS React Navigation 你可能在很多地方听说过Navigator，这个老组件会逐渐被React Navigation代替。笔者在最后也会讲解一下Navigator

08

浅谈Android自定义锁屏页的发车姿势

一、为什么需要自定义锁屏页锁屏作为一种黑白屏时代就存在的手机功能，至今仍发挥着巨大作用，特别是触屏时代的到来，锁屏的功用被发挥到了极致。多少人曾经在无聊的时候每隔几分钟划开锁屏再关上，孜孜不倦，其酸爽程度不亚于捏气泡膜。确实，一款漂亮的锁屏能为手机增色不少，但锁屏存在的核心目的主要是三个：保护自己手机的隐私，防止误操作，在不关闭系统软件的情况下节省电量。当下，各个款式的手机自带的系统锁屏完全能够满足这些需求，而且美观程度非凡，那么开发者为什么仍然需要构建自定义锁屏呢？让我们试想一个场景，一位正在使用音乐

08

鸿蒙开发实战案例--朋友圈

先看项目结构，本项目所有代码都在Index.ets文件下，图片资源在image文件夹和resources下的media文件下都有分布。

02

Android的Dialog弹出时隐藏导航栏效果，目前认为的最优解

原本Android的ProgressDialog用法很简单，两三行代码就搞定了。但是，但是，但是，用在无人值守的自助终端上，总是把之前隐藏掉的导航栏和状态栏显示出来。这是不可接受的。总不能让设备给用户随意摆弄吧，进入系统把你应用给搞没了都有可能。

02

分辨率获取异常-Android更新引发的小坑

作为一个测试工程师，经常被一些难以复现的bug困扰很久，理论上不可能出现，但线上确实又有很多用户反馈，比如小编前段时间碰到了一个比较有意思的bug，涉及到一些Android版本变更引发的问题，在这里和大家分享一下：

01

微信小程序自定义顶部导航栏并适配不同机型

在小程序中，顶部导航栏是一个非常重要的组件，它不仅可以方便用户进行页面切换，还可以提高用户体验。默认情况下，小程序的顶部导航栏是由系统自动生成的，我们只能修改一些基本的样式，如背景色、文字颜色等。但是，如果想要实现更加复杂的样式，如自定义图标、自定义背景等，而且在不同的手机屏幕上，导航栏的高度和样式也可能有所不同。因此，我们需要自定义顶部导航栏，以满足我们的设计需求和用户体验。

08

Android 弹出Dialog时隐藏状态栏和底部导航栏的方法

我们的app是全屏沉浸式的，发现activity在设置了全屏后，弹出dialog底部会跳出导航栏虚拟键。具体原因是因为Dialog的Window抢走了焦点，Window 中的 DecorView 状态改变导致了退出。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭