底部导航栏一键显示/隐藏- CSS

文章/答案/技术大牛

发布

0回答

jquery、css

在我的手机屏幕上，我在主要内容的底部有一个导航栏，标题刚刚弹出。然后当我再次点击标题时，它会动画回到它的初始位置。如果你有任何完整的CSS的建议，我也很感兴趣。 $('.navbar-bottom').css('bottom', '0');.cont

浏览 5提问于2017-12-06得票数 1

回答已采纳

7回答

如何在颤振中隐藏android底部导航栏

android、dart、flutter、flutter-layout

我在flutter和Android方面都很新，但是是否有可能以编程的方式隐藏底部导航栏(见下面所指的项目)？

浏览 4提问于2018-09-17得票数 22

回答已采纳

1回答

当用户在三星S9上隐藏安卓导航栏时，如何让我的Xamarin.Forms应用程序重新绘制

xamarin.forms、xamarin.android

我有一个Xamarin.Forms应用程序，当用户隐藏三星S9 (可能还有S8 )上的导航栏时，该应用程序无法重新绘制。我看到的只是导航栏曾经所在的空白区域。附加的图片显示了屏幕底部，展示了我在隐藏导航栏之前和之后看到的内容。导航栏隐藏：有没有办法让我的应用程序响应并重新绘制屏幕，以利用<e

浏览 0提问于2018-04-30得票数 0

3回答

当用户到达页面底部时隐藏div

javascript、html、css

当用户滚动并到达页面底部时，我希望隐藏div元素，并在用户滚动回滚时再次显示它。例如，考虑下面的导航栏，它名为"nav“。HTMLCSS width:100%; position:fixed;当滚动到网页底部时，我想隐藏nav我是否可以使用CSS，或者应该使用JavaSc

浏览 11提问于2015-08-01得票数 5

回答已采纳

1回答

更改页边距-滚动时元素的顶部，javascript

javascript、html

我想要将一个元素附加到导航栏的底部导航栏是固定的，所以当我滚动时，它将位于顶部。问题是如何更改该元素的页边距顶部，使其顶部成为导航栏的底部。它的底部是固定的..(如果我读得太多，它会被隐藏)，所以当我滚动时，这个元素的高度会变小。下面是我所做的 $('.imagebleu').cs

浏览 0提问于2015-07-02得票数 0

1回答

C# WinRT Windows Phone 8.1 -当导航栏可见时，应用程序栏覆盖弹出菜单

c#、user-interface、menu、windows-runtime、windows-phone-8.1

只有当虚拟导航栏可见时，才会发生这种情况。如果虚拟导航栏被隐藏，或者电话具有物理导航按钮，则弹出菜单将完整正确显示。一个类似的问题是。当弹出菜单显示时，我尝试隐藏底部的应用程序栏，但随后弹出菜单就隐藏在虚拟导航栏的后面。另一个类似的问题是。我尝试以编程方式创建弹出菜单，但弹出菜单仍然模糊不清。我试着创建一个新的

浏览 14提问于2016-07-17得票数 0

1回答

为什么建议在离开主分片后隐藏底部导航栏？

android、android-fragments、android-fragmentactivity、android-jetpack、android-architecture-navigation

我在教程中读过几次，建议在深入每个部分的每个主要片段后不要显示底部导航栏。有人能解释一下吗？干杯!

浏览 1提问于2020-04-13得票数 0

1回答

UWP应用程序如何在全屏显示状态栏？

c#、windows、uwp、windows-10-universal

更新1:使用图片和更多详细信息更新：好的，所以我想要覆盖状态栏在一个应用程序和隐藏导航栏。TryEnterFullScreenMode();所以如果我评论一下该应用程序仍然有点像全屏，但现在导航栏只是覆盖应用程序而不是全屏的行为(我注意到)，

浏览 3提问于2016-08-22得票数 2

回答已采纳

1回答

CSS相对定位文本

css、compass-sass

我有一个带有悬停下拉菜单的导航栏。就在它的底部，我有一个相对定位的文本。当鼠标悬停在导航栏上触发时，下拉菜单会向下显示，但文本仍然显示在下拉菜单上方，而不是隐藏相对文本。我知道我可以在悬停时用jquery触发一个hide()，但是有没有一种纯CSS的方法呢？

浏览 1提问于2012-12-11得票数 0

回答已采纳

1回答

如何在css中对以供应商为前缀的属性执行calc函数？

javascript、html、css

我必须建立一个从屏幕右侧滑动的导航栏。它必须覆盖整个屏幕。问题是，在移动电话中，浏览器如chrome在底部有这个工具栏，它隐藏了页面的某些部分。这是不可行的，因为我还必须在底部显示一些联系信息。但是，我的导航栏和汉堡菜单行的css是： position: fixed;} .nav-menu-div

浏览 17提问于2020-05-31得票数 3

1回答

如何实现像whatsapp这样的摄像机底部导航栏

flutter、flutter-layout

如何在底部导航栏中实现照相机选项卡，如Whatsapp：这里的主要挑战是隐藏底部的导航栏和应用程序栏，并再次显示它们，以及触摸和移动视图页面的能力.

浏览 1提问于2021-09-14得票数 2

回答已采纳

2回答

带有登录/注册/主页流程的导航组件

android、kotlin

我想在我的下一个应用程序中使用新的导航组件，但我不能完全理解整个导航流。Android团队建议将单个活动作为入口点。他们还建议，像登录/注册这样的条件元素不应该是入口点。但是，如果输入屏幕应该是主屏幕，那么如何显示登录和注册按钮？你如何用“正确的方式”将所有这一切联系起来？我是否需要为主视图提供单独的导航

浏览 1提问于2019-02-06得票数 8

2回答

在CoordinatorLayout中以编程方式展开/折叠底部导航视图

android、android-coordinatorlayout、bottomnavigationview

我需要以编程方式显示/隐藏AppBarLayout和BottomNavigationView，当某些事件发生时(例如，在片段的onResume上)，到目前为止，我已经成功地设置了appBarLayout.setExpanded(true, true)来显示/隐藏AppBar，但我不知道如何对BottomNavigationView做同样的事情，因为它没有任何方法来显示/隐藏自身。

浏览 2提问于2019-10-16得票数 2

1回答

在状态查询和媒体查询之间响应响应导航栏

reactjs、responsive-design、navbar、sidebar

我有一个侧边栏，它将在992 on及以下的宽度上消失，使用以下媒体查询： .sideBar { }同时，移动导航图标也通过以下代码显示： <div class="navLink" href="#"></nav> 当用户单击nav元素

浏览 7提问于2022-09-26得票数 0

1回答

导航栏在缩放/移动设备上消失

mobile、navigation、zooming

编程不是我的强项，注意到在移动设备上和在浏览器上缩放时，主导航栏会消失。 Kizz

浏览 6提问于2015-08-24得票数 0

1回答

仅在向上滚动时使用FIxed导航栏

javascript、jquery、html、css

我正在尝试创建一个固定的导航栏，它在向下滚动时隐藏，在向上滚动时重新显示。.nav-up background-color #8fd0f3 top 0 positionnavbar-wrapper').removeClass('nav-u

浏览 1提问于2014-07-04得票数 0

3回答

隐藏向下滚动的底部导航条，反之亦然

flutter、dart、flutter-layout

 我有一个列表在正文和底部导航栏。当贴子列表向下滚动时，我想隐藏底部的导航栏，并在滚动时用幻灯片向上滚动的动画显示。该怎么做呢？

浏览 2提问于2019-01-29得票数 16

回答已采纳

1回答

ReactiveNavigation6.XX问题

javascript、reactjs、react-native、react-navigation、stack-navigator

我有3个底部选项卡在我的主屏幕堆栈。第一个选项卡是home，上面有一些按钮。在每个按钮的点击，一个新的屏幕应该显示。到目前为止，它还没有起作用。以下是我的导航者的概述： StackNavigator -> Home Screen (BottomNavigator) -> HomeStackScreen(Stack Navigtor)...others我只想导航到主页上的另一个屏幕，这是底部导航器的第一个选项卡。在这方面还没有看到任何有用的文章，所有这些都给导航</em

浏览 2提问于2021-12-31得票数 0

1回答

在iPhoneX上分别显示/隐藏NavigationBar和StatusBar

ios、objective-c、uinavigationbar、statusbar、navigationbar

我想分别控制、显示和隐藏应用程序中的NavigationBar和StatusBar或每个屏幕。但是在iPhoneX上，当显示NavigationBar时，即使prefersStatusBarHidden设置为YES，StatusBar也显示在一起。

浏览 3提问于2018-01-11得票数 1

2回答

在android中隐藏和取消隐藏触摸系统栏

android

有没有人知道如何在android中隐藏和取消隐藏底部系统栏？我得到了隐藏系统栏的代码：提前感谢

浏览 9提问于2015-02-23得票数 1

点击加载更多