修复引导导航栏被页面内容覆盖的问题

文章/答案/技术大牛

发布

1回答

bootstrap-4、navigation

我正在使用这里的nav bar example中的导航栏示例我遇到的问题是，当我向下滚动页面时，导航栏是固定的，它被它下面的内容覆盖。这是导航栏：  现在我自己的内容从这里开始，它由一个引导</

浏览 38提问于2020-04-24得票数 0

回答已采纳

8回答

引导-导航条-固定顶封面内容

twitter-bootstrap、fixed、navbar

我有个关于肚脐固定顶的问题。嗯，我有个简单的问题。我的固定导航栏覆盖内容，例如在“关于我们”页面中，它用“关于我们”的标题覆盖行。我不知道如何修复它，因为当我调整网站大小(移动设备大小)时，标题是可见的。此外，在

浏览 11提问于2013-11-02得票数 21

2回答

为什么我的覆盖不能覆盖引导导航栏？

jquery、html、css、angularjs、twitter-bootstrap

我试图在我的项目中添加overlay，以保护用户在内容完全下载之前不要进行大量的交互。这就是为什么我添加了如下覆盖： opacity: 0.5; width: 100%; z-index: 10; left: 0; } 但问题是，覆盖可以覆盖100%的整个页面</em

浏览 3提问于2017-09-04得票数 1

回答已采纳

4回答

修复了Chrome for iPhone上导航栏与浏览器顶部分离的问题

html、css、iphone、google-chrome

我有一个网站，有一个固定在顶部的引导导航栏()，我注意到，在iPhone上使用Chrome时，当快速滚动时，导航栏与屏幕顶部的距离只有几个像素。这如下面的屏幕截图所示，来自bootstrap navbar示例页面：这只发生在iPhone的Chrome上，而不是iPad或我测试过的任何Mac/PC上。这也发生在我能找到的每个有固定导航栏

浏览 4提问于2016-02-02得票数 14

6回答

带有引导带4固定导航条的HTML中的偏移滚动锚

css、twitter-bootstrap、bootstrap-4

所以，我有一个页面，由几个部分组成。用户可以通过滚动自己或单击导航栏(带有锚的href )进入这些部分。由于引导带4肚脐是固定在顶部，内容被放置在它之下。有没有办法用-54 0px来抵消锚，以便每当我单击锚链接时，它就会显示导航条下面的内容(X:54 0px)，而不是在导航栏(X:0px)下显示内容。让这个代码来展示我所面临的问题：无论何时单

浏览 0提问于2018-03-17得票数 29

回答已采纳

1回答

如何用引导masthead检查内容覆盖

javascript、html、twitter-bootstrap、css、twitter-bootstrap-3

我正在使用Bootstrap的页面使用顶部的masthead导航栏。我理解如果没有添加填充，内容将覆盖导航条。通过ajax，每个页面的内容都是动态的。有时内容不填充我希望它保持居中、垂直和水平的页面。如果内容结果(表)增长，则开始填充页面。问题是，如果添加填充，当内容没有填

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

回答已采纳

2回答

基于平台的Cordova覆盖css

android、css、twitter-bootstrap、cordova、windows-phone-8

我正在使用最新版本的Cordova引导程序为android和Windows 8构建一个应用程序。body {} 在.css文件中。在Windows 8上，<e

浏览 4提问于2014-03-18得票数 2

回答已采纳

1回答

导航栏中的引导动态高度

css、twitter-bootstrap、angularjs-bootstrap

我在引导和angularJS方面是新手。但是我正在构建页面，页面的顶部和左边页面将是静态的，不会移动。我使用<nav class="navbar navbar-default navbar-fixed-top从引导到头，使用position: fixed拥有页面的静态左侧部分。问题是导航条是动态创建的，高度取决于来自数据库的数据(这些是过滤器)，所以我的结果是我<e

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

回答已采纳

2回答

引导3全宽万宝盆外容器后<header>

css、twitter-bootstrap、twitter-bootstrap-3

我从引导带3文档中复制了导航条，因为它有我想要的确切功能，以及为什么发明轮子。谁能告诉我我哪里出了问题，怎么解决它，而不做一些黑客的div，推倒它。

浏览 0提问于2013-09-04得票数 3

回答已采纳

5回答

如何用侧边栏将引导导航条修复到顶部

html、css、reactjs、bootstrap-4

我正在开发一个包含sidebar和navbar的页面，我必须将导航条修复到顶部，这样才能获得更好的用户体验。问题所以我只想把它固定在顶部，这样滚动就更容易了<div> <NavbarLogout</

浏览 3提问于2020-08-17得票数 1

2回答

导航栏并不适用于所有部分(html、css、js)

javascript、html、css、twitter-bootstrap、bootstrap-4

我不明白为什么导航栏一旦转到另一个区域就不能工作了。只有当它位于页面顶部(主页部分)时，它才有效。我尝试了几种不同的方法，但似乎都不起作用。我试着寻找其他帖子，但找不到任何针对这个问题的具体信息。

浏览 25提问于2020-07-29得票数 1

回答已采纳

1回答

引导Navbar固定底部div重叠JS呈现的内容

javascript、css、twitter-bootstrap

在主页面容器中生成的内容与此DIV的内容重叠：下面是来自github项目的CSS (引导sass) bottom: 0;} 我相信，这是由于JS呈现

浏览 3提问于2013-09-23得票数 8

回答已采纳

2回答

不使用Navbar固定顶部的数据切换

twitter-bootstrap-3、navbar

我用的是带导航药片的导航仪3肚脐静顶。而且效果很好。当肚脐固定到顶部时，我无法使数据切换工作。 <!

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

回答已采纳

2回答

使div只固定在另一个可滚动的div内。

javascript、jquery、html、css

我有一页有如下结构的页面：<div id="messages"></div> <div id="sidebar"></div> <div id

浏览 2提问于2014-04-16得票数 0

回答已采纳

0回答

Bootstrap已修复导航栏和锚点被隐藏

html、css、twitter-bootstrap

我有一个引导网站的问题，其中内容的锚点被隐藏在顶部导航栏的点击。我读到过其他人有这个问题，并花了几个小时试图创建一个我自己的解决方案，并为其他人的网站提供公认的答案。以下是我上传的站点的示例，它显示了单击超链接图标时出现的问题：padding-top:70px; margin-to

浏览 6提问于2017-01-05得票数 1

1回答

切换滑块-用于引导4桌面导航的动画

javascript、jquery、html、css、bootstrap-4

我期待展开和折叠的桌面版本的引导4导航与一个简单的切换按钮。菜单链接链接但是，引导默认设置不提供所需的结果。

浏览 0提问于2019-09-10得票数 0

1回答

如何修改代码，使Highcharts图不会覆盖页面顶部固定的导航栏？

javascript、html、css、highcharts

我想有一个固定的导航栏在页面的顶部。为此，我使用了。<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">

浏览 0提问于2016-12-01得票数 0

2回答

如何强制Bootstrap Navbar Fix to Top Push Down(幻灯片)元素位于

twitter-bootstrap、twitter-bootstrap-3

正如你在 Bootstrap 3看到的，固定到顶部的导航栏并不像常规的导航栏那样在向下滑动元素时表现，后者在小屏幕中位于导航栏之后。相反，它将导航栏覆盖在内容元素的顶部。现在你能让我知道有没有办法强制修复导航栏也可以像普通导航栏一样在滑动时上下推送内

浏览 3提问于2014-12-18得票数 6

回答已采纳

1回答

带地址的bootstrap标签？不是hashmark？

twitter-bootstrap、tabs、navbar

我想给每个标签一个唯一的地址，用户可以书签。我应该在bootstrap中使用导航栏吗？当我觉得文档不够用时，我是否应该查看引导程序源代码？然后.

浏览 0提问于2013-10-23得票数 0

1回答

导航后twitter引导导航栏固定顶部重叠页面

twitter-bootstrap

引导站点上写着我还有一个附加的辅助导航栏，让我们导航到可见页面的各个部分。当页面向下滚动时，它会在链接锚位于顶部时停止。但问题是:这是由肚脐覆盖

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

回答已采纳

点击加载更多