我已经将UISearchController嵌入到导航栏中，并且我的视图控制器具有表视图。当我点击搜索栏时，键盘显示的是桌面视图，搜索栏的动画效果并不流畅。搜索栏似乎覆盖了导航栏。 这是代码， 将searchcontroller声明为变量，如下所示 var resultSearchController = UISearchController() 在viewDidLoad中的定义是这样的， self.resultSearchController = ({
let controller = UISearchController(searchResultsController:
浏览 22提问于2020-08-16得票数 0
回答已采纳
1回答
我想在屏幕底部(浏览器区域)对齐页脚(Bootstrap导航栏)，而不使用固定导航栏。如果内容高度小于屏幕高度，则在底部显示"navbar“，否则正常使用滚动条。
我尝试使用navabr-fixed bottom，但它总是显示导航条，即使内容高度较大也是如此。
<!-- FOOTER -->
<div class="visible-desktop navbar navbar-fixed-bottom">
...
</div>
有谁能帮帮我吗？谢谢
浏览 0提问于2013-01-23得票数 1
1回答
引导程序4中的导航栏
、、、
我有一个用Bootstrap 4制作的网页。在移动视图中，导航栏切换器没有进入导航栏，如下面的截图所示：
这是该网页的。我想知道我需要在样式表中做什么更改，以便导航栏和导航栏切换器在移动视图上看起来很好。此时，导航栏切换器正在从导航栏中出来，如上面的截图所示。
浏览 17提问于2017-08-28得票数 0
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html，并设法让它工作起来。但是，正如您在示例中看到的，您首先显示了一个块，然后滑动文本。当然，我希望文本和块同时滑动，就像在bootstrap documentation (Bootstrap navbar)中一样--要查看它，你只需缩小窗口并按下导航栏按钮，就可以看到菜单平滑地折叠。 可以通过
浏览 21提问于2019-02-10得票数 0
2回答
我用的是
两个不同的网页，我的网站，类似的结构，稍微横向移动，远离对方。当从一个页面导航到另一个页面时，这会在导航栏中造成不稳定的效果。
经过调查，我在Chrome检查器中注意到，每个页面的主体标记都是不同的宽度。
两页的结构相同，如下所示。类.wrap的最大宽度为960px，所有内容都包含在.container .wrap中。
<body>
<?php
require 'navsub.php';
?>
<div class="container wrap" id="singlepageajax"
浏览 5提问于2015-12-26得票数 2
回答已采纳
10回答
根据Bootstrap 3文档，我向导航栏添加了以下属性：
<nav class="navbar no-margin-bottom" data-spy="affix" data-offset-top="90" >
...
</nav>
在向下滚动页面后，Bootstrap 4将不向导航栏添加类，这是词缀。有人能告诉我如何解决这个问题吗？Bootstrap.js和jQuery.js正在工作。
浏览 12提问于2016-04-01得票数 14
回答已采纳
我在我的项目中使用了带有导航栏的bootstrap3 -fixed-top。在前面提到的导航栏中，有一个高度约为700px的DIV，这使得整个导航栏可以伸展到700px，并覆盖了我的内容(我无法点击主容器的内部输入)。
有没有人可以帮我正确设置overflow参数，这样导航栏内的元素就不会拉伸整个导航栏，而是留在导航栏的“外部”？
<nav class="navbar navbar-default navbar-fixed-top">
...
<my-custom-widget></my-custom-widget> <!-- th
浏览 21提问于2017-08-14得票数 2
回答已采纳
我用bootstrap做了一个响应式网站，在我的导航中有锚点html。在我的导航栏中，我有一个徽标，当用户点击它时，网站会滚动到顶部。而且一切都可以在桌面上运行。但在带有Safari的ipad中，当我点击图标滚动到顶部时，这只起作用一次。在那之后我的导航栏和锚虫。
如何解决这个问题？
我的代码是：
$(document).ready(function(){
$('.brand').bind('click',function(){
$('html,body').animate({scrollTop: 0}, 'normal'
浏览 2提问于2013-07-11得票数 4
我正在使用示例页面Bootstrap导航栏固定顶部的地址：
在我的例子中，我延长了默认菜单的长度(即添加更多菜单项或更长的菜单项措辞)。当屏幕尺寸在768-990px之间时，导航栏分成两行(左侧部分在顶部，右侧部分在底部)。
当这种情况发生时，Joombotron部分的顶部被覆盖并在导航栏后面丢失(单击以查看下图)。
如何修正才能确保Jumbotron始终低于导航栏部分？
谢谢你，K
浏览 2提问于2016-10-31得票数 2
在twitter导航栏的文档中，这样写道：
粘贴导航栏时，请记住要考虑下方的隐藏区域。向中添加40px或更多填充。请确保在核心Bootstrap CSS之后、可选的响应式CSS之前添加此内容。
这是什么意思？为什么会有隐藏的区域？这是因为twitter是这样做的，还是它应该是这样工作的？我对HTML/CSS/Bootstrap比较陌生
浏览 0提问于2012-06-09得票数 0
回答已采纳
我想为我的应用程序的所有活动设置一个导航栏(有两个按钮和一个文本视图)。我知道这可以通过在每个活动的布局文件中包含一个通用的布局文件来实现。但是当一个活动切换到另一个活动时，我必须使用幻灯片过渡动画。现在，如果我遵循包括process的通用布局文件，那么导航栏也会随着活动视图滑入或滑出，当活动视图滑入或滑出时，我希望在活动视图滑入或滑出时固定导航栏。此外，应该设置导航栏的两个按钮，因为我可以使用代码将它们隐藏到一些活动中。所以现在我在这个问题上非常需要帮助，请提前在problem.Thanks上给我一个解决方案/建议/线索.
浏览 1提问于2011-07-22得票数 3
Bootstrap已在web应用程序中使用。侧边栏抽屉/导航有切换导航，默认情况下应该是动画的(就像bootstrap切换导航是动画的)。但是，不幸的是，没有动画。因此，我应用了以下内容：
.navbar-collapse {
width: 0;
opacity: 0;
transition: width 0.3s ease;
}
.navbar-collapse.expanded-menu.in {
width: 95%;
opacity: 1;
}
它在扩展侧边栏时起作用，但在关闭时不起作用。如果我使用这个jQuery，它不会有任何帮助。
$('bod
浏览 2提问于2016-01-21得票数 0
1回答
动画导航抽屉指示器
、、、
我有一个简单的问题，但我已经有点糊涂了。YouTube应用程序和其他谷歌应用程序已经有这样的操作栏和抽屉。当导航抽屉关闭时，我们可以看到这样的指示器。
当打开导航抽屉时，指示符软(带有动画的)更改为
问题是，如何在Android2.x中实现抽屉指示器的相同外观和感觉？需要动画片。提前谢谢。
浏览 6提问于2013-12-27得票数 0
回答已采纳
这是苹果在其移动网站上使用的菜单动画。我想在我的应用程序中实现它，因为它看起来很酷。有没有人重新创建这个/有没有内置的选项来这样做？
详细说明:我希望这个动画被触发时，左导航栏项目被点击，以显示一个交叉模式segue。
或者，做这件事的最佳实践是什么。
浏览 1提问于2015-02-13得票数 1
回答已采纳
1回答
我正在尝试添加一些覆盖说明通过chardinjs到我的网站。我有一个固定的导航栏与图像。我希望覆盖看起来像它在页面上的样子。下面是我的html：
<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container navbar-container">
<a class="brand"
浏览 1提问于2013-07-23得票数 0
我有一个从页面顶部开始加载的导航栏，大约是50px。当我向下滚动时，我希望导航栏“附着”到页面的最顶部，并在滚动浏览其余内容时可见。这类似于Github官方bootstrap tutorial站点上的nav-bar。
我能够让导航栏停留在适当的位置(尽管当我向下滚动页面时，总是从顶部开始50px )。
<ul class = "nav nav-list bs-docs-sidenav affix">
但是一旦我将"-top“添加到上面的代码中，它看起来就像
<ul class = "nav nav-list bs-docs-sidenav af
浏览 2提问于2013-03-10得票数 2
回答已采纳
这是一个新问题，我在上一个中提到了它，只是为了避免再次发布代码。
我不想重新开始，所以我想知道如何让导航栏折叠，但以动画的方式，我有的代码可以工作，但导航栏仍然不会在点击时折叠。这也可以用bootstrap来完成吗？
对于bootstrap动画来说，这是一个全新的体验，我找不到任何包含好的指令或示例的库。任何链接将不胜感激，以及我的标题问题的修复。
提前谢谢。
浏览 8提问于2018-09-01得票数 0
我正在使用bootstrap导航栏，它在手机屏幕上显示下拉动画。示例：
现在，列表的动画就像是自上而下。
有没有办法把它改成从右到左。如下所示：
浏览 0提问于2016-02-26得票数 1
我刚接触Bootstrap (和react-bootstrap)，所以我遇到了一些麻烦。
因此，我现在有一个透明的导航栏，并使用事件侦听器对其进行设置，以便当您向下滚动时，导航栏的背景会出现，并且导航栏会在您向下滚动时停留在屏幕顶部。这只在我有<Navbar fixed="top">的时候有效，在我切换到一个较小的视窗之前，这是很好的，在那里我的导航栏变成了一个汉堡菜单。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导航栏链接腾出空间。
如果我从导航栏中删除fixed="top"
浏览 6提问于2019-07-09得票数 0
1回答
我已经使用Bootstrap 创建了一个导航栏。问题是，当我滚动页面时，导航栏转到顶部，因为页面在内容中向下跳转！我怎么解决这个问题呢？
浏览 0提问于2017-03-09得票数 0
2回答
我想知道是否可以使用bootstrap来创建带有徽标和其他信息的标题，然后是导航栏。但是徽标不是固定的，只有导航栏是固定的，当它位于页面顶部时。
浏览 4提问于2016-09-05得票数 0
我的应用程序使用的是bootstrap navbar-fixed top。但是，我们现在需要显示另一个菜单，该菜单将在导航条固定顶部上方切换打开/关闭。
我的问题是CSS。
为了打开这个菜单(它看起来确实像一个100%宽的导航栏，大约40px高)，我应该把身体往下推吗？如果我这样做，导航栏固定的顶部仍然固定在顶部。
或者，有没有其他方法可以实现这一点，因为我需要在其余内容上方打开此菜单。
浏览 20提问于2016-09-21得票数 0
使用Bootstrap 4，我如何使固定顶部的导航栏在滚动中消失？我在下面附加了默认Bootstrap 4导航栏的html代码。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-b
浏览 1提问于2019-01-13得票数 3
回答已采纳
3回答
我正在使用bootstrap 3设置一个站点，其想法是在左侧保留一个用于导航的列，在右侧保留站点的内容：
导航的位置应该是固定的，并且在左侧和顶部没有边距。我尝试过使用position:fixed和position:absolute，但问题是站点的内容覆盖了导航栏。
如何正确地在左侧创建一个固定的导航栏？如何避免网站内容覆盖导航栏？
非常感谢!
浏览 3提问于2013-11-07得票数 6
回答已采纳
2回答
我读过一些不同的解决方案，但没有一个是特定于Rails应用程序的，因此我找不到解决方案。我有一个使用twitter bootstrap的rails应用程序。我在导航栏中使用它们的响应功能，当视口缩小时，导航栏上的图标会折叠成一个下拉按钮……我遇到的一个问题是，当导航栏同时在桌面和手机上折叠时，导航栏上方会出现空白。我读到过关于在其中添加一些内联样式来调整填充的内容，特别是：
<style type="text/css">
body {
padding-top: 60px;
padding-bottom:
浏览 0提问于2013-04-08得票数 3
回答已采纳
3回答
我正在使用Bootstrap 3开发一个网站。我需要创建一个导航栏，它应该缩小为用户向下滚动。
类似于-
我如何创建它？我使用Bootstrap的固定顶部示例作为起点--
我需要把一个标志放在左边，而不是文字，它应该减少它的大小，因为用户滚动下来。
浏览 3提问于2014-02-17得票数 2
基本上，页面有一个导航栏，后跟一个包含两列的行。在左侧列中显示用户简档信息(简档图片、短bio等)，并且在右侧列中显示一些其他信息。
当我尝试滚动页面时，它看起来像是导航栏下面的引导卡在导航栏上滚动。
我希望导航栏和左侧的列保持固定，当页面滚动，但右侧的列可以滚动。
这是html页面..
<nav class="navbar navbar-expand-lg navbar-light bg-cream-shade" id='bootstrap-override-navbar'>
Some nav setup
</nav>
<!-
浏览 0提问于2018-09-03得票数 0
在我们的网页应用程序()上，我们希望在顶部导航栏中添加导航链接。为了修复ipad的背景，我们不得不添加overflow:scroll，它阻止了jQuery scrollTop动画的工作。
我们怎样才能用另一种方式修复iPad上的背景/让这个动画工作呢？
谢谢你的帮忙!
浏览 0提问于2013-06-08得票数 0
回答已采纳
我在做一个网页。我知道html，CSS3和Bootstrap，我想为它提供动画。那么，有没有什么预建的类可以让我在导航栏的内容或主体中提供动画呢？
浏览 0提问于2016-10-10得票数 1
我试图通过修改Bootstrap CSS文件来修复导航栏。如果我向下滚动，导航栏的颜色应该会改变并固定在顶部。 因此，我通过引用this article添加了以下JS代码，但它不起作用。 let MQL = 992;
if ($(window).width() > MQL) {
let headerHeight = $("#mainNav").height();
$(window).scroll(function () {
if ($(document).scrollTop() > headerHeight) {
$("#m
浏览 23提问于2019-03-16得票数 0
我尝试将一个元素在页面上垂直居中。这很好用。但是如果我添加一个导航栏，元素会垂直居中，但与导航栏的高度有一定的偏移。如何将内容容器垂直居中，包括导航栏高度？ body,html {
height: 100%;
} <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqu
浏览 43提问于2021-10-12得票数 1
回答已采纳
2回答
纳瓦不坚持到顶端
、、
我使用react-boostrap导航栏来创建我的应用程序。我希望这个导航条保持在顶部(所以当用户滚动时，导航条总是在屏幕的顶部)。
我看了一下，它认为将sticky = top添加到我们的<Navbar>中应该可以完成这项工作，但事实并非如此：
import React from 'react'
import {Link} from 'react-router-dom'
import 'bootstrap/dist/css/bootstrap.min.css';
import {Navbar} from 'react-bo
浏览 11提问于2022-05-03得票数 0
回答已采纳
1回答
我正试图在我正在构建的Wordpress站点上实现一个带有路点的粘性导航栏()。这个想法是导航栏应该位于大的滑块/标题img的下面，然后当它到达页面的顶部时停留在顶部。
<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>
<style>
#menu.stuck {position:fixed;top:0;width:100%;}
</style>
<script src="http://www.chuckagency.com/wordpr
浏览 2提问于2014-07-03得票数 0
我有两个UIViewControllers，A和B。
A隐藏UINavigationBar，而B不隐藏。从A到B设置动画(使用默认动画)时，导航栏必须变为可见。导航栏只是在某个点(viewWillAppear或viewDidAppear)弹出，而不是与UIViewController B一起滑动。
当从B返回到A时，导航栏平滑地滑回。
从A到B的动画效果如何才能达到预期的效果？
浏览 3提问于2015-05-04得票数 1
4回答
导航条比导航条小-品牌
、、、
我正在寻找一种方法来拥有一个比导航栏本身的高度更大的导航栏品牌(bootstrap 4)。所以导航栏品牌应该与导航栏重叠。目前，导航栏的高度似乎增加了，以适应导航栏品牌。
我的HTML看起来像这样：
<nav class="navbar navbar-expand-lg navbar-custom fixed-top top-menu-4">
<div class="container">
<div class="navbar-brand">
&
浏览 0提问于2018-11-06得票数 0
我有这个vue app.js模板： <template>
<div id="app" class="container shadow px-0">
<NavBar/>
<Slider/>
</div>
</template> 导航栏组件位于div类中，使用bootstrap进行top修复： <div class="fixed-top">
<div></div>
<nav><
浏览 13提问于2021-04-04得票数 0
2回答
我用引导创建了一个“轻松”的导航栏。现在导航栏覆盖文本。我试着给.navbar一个50便士的底限，但没有结果。这里是，这里是代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpo
浏览 4提问于2015-03-05得票数 0
回答已采纳
如何让twitter bootstrap导航栏固定宽度，同时保持居中？
我尝试在.navbar中添加宽度参数，但是导航栏没有对齐。
.navbar {
overflow: visible;
margin-bottom: 20px;
color: #956362;
*position: relative;
*z-index: 2;
width: 650px;
}
我也试过了
<div class="span6 offset3">
但这也让它错位了。
浏览 1提问于2012-12-09得票数 2
回答已采纳
3回答
我使用的是一个嵌套的导航控制器，导航栏隐藏在通过主导航控制器添加的视图中。一切都很完美，除了我更改了部分并设置了根导航控制器的标题，它没有动画。
有没有动画导航栏标题的方法？
浏览 0提问于2011-06-27得票数 2
2回答
我正在尝试做一个按钮边栏，其中动画。
当我试图通过添加一个工具栏类来隐藏带有CSS3转换属性的侧栏时，它工作得很好。但这是一个切换，当我再次展示它时，就没有过渡了。菜单就这么快出来了。
#page-content.hidebar {
transition: margin 0.3s ease;
margin-left: 0;
}
当我将侧边栏切换到可见性时，有人能建议我如何拥有转换属性吗？
我举个例子，附上一把小提琴。
浏览 5提问于2013-08-05得票数 0
回答已采纳
2回答
固定引导杆
、、、
阿罗哈！我试图让Bootstrap的导航停留在页面的顶部，而不是跟随我，因为我正在滚动。
我的代码如下所示：
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
CSS：
body {padding-top: 70px;}
.navigation {padding-bottom: 30px:}
.navbar-fixed-top .nav { padding: 15px 0;}
浏览 2提问于2015-10-18得票数 1
回答已采纳
1回答
我已经创建了一个非常简单的页面使用Bootstrap封面的例子。站点名称和导航条是固定的。当我滚动内容时，网站标题和导航栏看起来重叠在内容的顶部。有什么想法吗？这个网站是
浏览 2提问于2014-06-16得票数 0
回答已采纳
2回答
转换粘贴导航栏- CSS
、、、
我有一个固定的导航栏使用affix()的推特引导3。
导航栏一切都很好。我想在导航栏的外观中添加一个transition。
当用户滚动页面时，导航栏将立即显示。我想给它做动画。
在-webkit-transition: all 1s ease-in中尝试，但结果是导航条的宽度。
这是。
当用户向下滚动时，请帮助我动画它。
浏览 3提问于2013-11-25得票数 7
回答已采纳
我想在我的网站左侧创建粘性侧导航栏。我正在使用Bootstrap 3 RC2。我不知道如何创建它。
浏览 1提问于2013-09-02得票数 12
2回答
我想做的是让导航栏停留在页面的顶部，当你滚动它的时候。由于我是JavaScript的新手，我看了一些教程，但是，它们都没有真正使用Bootstrap导航栏。我只是想知道是否有办法做到这一点，以便它与Bootstrap列一起工作。
另外，我如何才能使它在滚动时，背景颜色开始淡入？
下面是导航栏的HTML代码，如果有用的话：
<div class="container">
<nav class="navbar navbar-default" id="mNavbar">
<div class=&#
浏览 0提问于2017-01-20得票数 5
回答已采纳
1回答
我使用了一个由bootstrap提供的修复导航栏的示例代码。有没有什么相对简单的方法可以让浏览器滚动条不与固定的导航栏重叠。
下面是示例中的示例：
这是我想要得到的：
在此之前非常感谢。致以问候。
浏览 1提问于2015-03-13得票数 4
2回答
我在屏幕的左上角有一个小按钮，它被设置在有约束的地方。当这个按钮被点击时，我想要一个UIlabel从它扩展到屏幕的右边缘。UIlabel将占据几乎整个屏幕的宽度，高度约为8点。它包含一行文本。它将显示2秒，然后反转动画，以便UILabel缩小回小按钮。我是ios动画的新手，我很困惑，因为有很多类型！我需要知道：
1)我可以使用哪种类型的动画技术来创建此效果？代码会很好，但我希望被引导到正确的研究方向。
2)我读到过UILabel对动画的反应不够充分。用我所描述的方式来动画它们会有问题吗？
3) UILabel中的文本(以及标签本身！)通过某种与动画协同工作的约束分配来适应不同的屏幕大小。必须通
浏览 1提问于2016-06-13得票数 3
2回答
固定，动态侧边栏导航菜单？
、、、、
我的站点是建立在Roots/Bootstrap/WordPress之上的，我确信有很多东西和我正在寻找的类似，但我对如何实现它的具体示例很感兴趣。我甚至不知道从哪里开始。
类似于GetBootstrap.com为侧边栏导航所做的事情。当用户滚动页面时，侧边栏导航中会突出显示不同的项目。
浏览 2提问于2015-01-07得票数 0
我已经成功地将导航栏项目右对齐，但我真正想要的是将它对齐到整个页面的3/4。
是我试图实现的最终结果的一个很好的例子(请注意，导航栏并不完全是3/4宽的，但它足够接近，因为它不会在最右边结束)
目前，我的代码是
<nav class="navbar navbar-toggleable-md navbar-default bg-default fixed-top">
<ul class="nav navbar-nav navbar-right">
<li>Home</li>
<li>FAQ
浏览 26提问于2019-04-28得票数 -1
回答已采纳
2回答
这是我的导航栏的代码： <nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<button type="button" class="navbar-nav btn btn-default navbar-btn navbar-left previous_page" style="display:inline-block">
<span c
浏览 36提问于2019-02-28得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
