使用下拉菜单固定导航

文章/答案/技术大牛

发布

2回答

当所述导航栏设置为位置:固定时，导航栏中的下拉菜单不能正常工作；

html、css

我设计了一个具有四个选项的导航栏，当其中一个选项悬停时，会出现一个下拉菜单。当导航栏未设置为position:fixed时，下拉菜单功能正常；但当设置为position:fixed时，下拉菜单会覆盖激活它的选项/链接。这里我链接了一个Jsfiddle：body {}ul { positio

浏览 6提问于2017-09-09得票数 0

2回答

引导-4导航条下拉-菜单后面的内容

html、css、bootstrap-4

我正在试验使用一个引导-4主题来建立一个基本的网站。在除ContactUs.php页面之外的所有页面上，单击(在移动设备上查看页面)时，导航条下拉菜单都位于内容后面。会很感激你的建议。

浏览 0提问于2018-07-24得票数 0

0回答

html、css、navigation

所以我一直致力于在css中设计一个导航。我希望它是一个固定的导航与下拉菜单上的一对夫妇。我可以让她获得顶部导航或下拉列表，但我不能两者都做。有人有什么建议吗？

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

回答已采纳

2回答

将Bootstrap 4下拉菜单的上边缘与导航栏的下边缘对齐

html、css、twitter-bootstrap

我正在尝试让Bootstrap 4导航栏下拉菜单直接出现在导航栏的正下方，但默认情况下，它会出现在导航栏底部边缘的上方。有没有一种方法可以做到这一点，而不是为导航栏设置一个固定的高度，并使用下拉菜单上的空白处？ </div> &

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

1回答

作为变量的CSS高度和如何计算屏幕总尺寸的60%

html、css

使用引导带(和它的Navbar)，我有一个巨型加速器，从屏幕大小的顶部开始，从30%开始。我是用css: top=30%做的。此外，我有一个海军酒吧，下降菜单时，移动大小。下拉式导航栏菜单应该涵盖巨无霸(所有屏幕大小)。.navbar-nav > li > a { height: 40p

浏览 1提问于2015-10-13得票数 1

回答已采纳

3回答

Twitter bootstrap下拉截止

css、twitter-bootstrap

我创建了一个带有下拉菜单的固定导航栏。但下拉菜单是截断的，并且在单击时不可见。我希望有人能给我指出正确的方向。

浏览 0提问于2012-10-17得票数 3

回答已采纳

1回答

使下拉菜单固定，但css样式会妨碍。

html、css、drop-down-menu、css-position

我是一个有两个链接的下拉菜单，目前我希望菜单坚持到该部分的右上半部分，但是我设计它的方式是容器应该是相对定位的，但是它里面的ul是绝对的，所以它正确地下降了。我现在该如何解决这个问题呢？我尝试添加位置固定到按钮，但很明显，在滚动下来，ul不出现，甚至认为按钮是固定的。

浏览 1提问于2020-09-06得票数 0

回答已采纳

2回答

Bootstrap3导航栏-固定-顶部高度

css、twitter-bootstrap-3、navbar

我在我的项目中使用了带有导航栏的bootstrap3 -fixed-top。在前面提到的导航栏中，有一个高度约为700px的DIV，这使得整个导航栏可以伸展到700px，并覆盖了我的内容(我无法点击主容器的内部输入)。有没有人可以帮我正确设置overflow参数，这样导航栏内的元素就不会拉伸整个导航栏，而是留在导航栏的“外部”？

浏览 21提问于2017-08-14得票数 2

回答已采纳

1回答

无法在引导导航栏中滚动下拉菜单

html、django、bootstrap-5

我有一个相当简单的主页，目前包含一个带两个下拉菜单的导航栏。其中一个菜单包含大量条目，但它不允许我滚动到列表的末尾。我创建了一个固定顶部的导航条，一个导航条品牌，一个家庭链接和两个下拉菜单。我希望导航条能固定在页面的顶部，而我可以一直滚动到大菜单的底部。

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

回答已采纳

2回答

CSS div在滚动时消失

css

我在一个网站上工作，它使用纯CSS和悬停状态来建立下拉菜单。问题是导航项目的数量如此之多，以至于用户必须滚动才能在较小的笔记本电脑上看到它。

浏览 0提问于2016-02-23得票数 0

1回答

非固定引导带3.0标头

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

下面，我所指的下拉列表是导航菜单中标记为“下拉”的li项。单击时，下拉菜单的宽度为100%，取决于屏幕大小。全屏宽度(100%)下拉式与引导3.0默认模板。问题：我已将.下拉菜单位置设置为固定位置，宽度为100%，从而允许默认引导3.0主题中的下拉菜单100%取决于屏幕大小。(见小提琴)。在启用下拉菜单的情况下向下滚动，因为当您滚动时，菜单被固定在屏幕的顶部。我怎样才能给出一个100%的宽度，而不打破下垂(见我的小提琴)的引导带3下垂。我怎么能有100

浏览 3提问于2014-02-12得票数 1

回答已采纳

1回答

内容体重叠下拉菜单中的图像

html、css、twitter-bootstrap-3

我调整了一些引导(用一个自定义的-theme.css文件)来改变下拉菜单的外观。我从导航栏中移除边框，将一个标头封装在顶部(它不适用于内部固定的导航栏，但不记得为什么)。所有这些操作都很好，只是有时，内容体的内容似乎与下拉菜单重叠，如下图所示：下面是我为导航栏周围的<header>-Tag使用的代码： border-bottom

浏览 3提问于2016-03-14得票数 0

回答已采纳

1回答

Bootstrap:减小NavBar宽度及其所有下拉选项板和文本大小

jquery、css、twitter-bootstrap-3

我正在使用Bootstrap css的导航栏，它来了非常好。但是宽度看起来很大，我想要减小它(也要确保它在其他视口中也能得到同样的缩小/调整)，并减小导航栏下拉菜单下的选项面板/文本大小。我使用了下面的css类导航栏是黑色的(给人惊喜的效果)和一些需要的东西，但下拉菜单下的所有选项都是白色的。如何将这个白色背景

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

1回答

angularjs移动网站:用滑动菜单修复顶部栏

javascript、jquery、css、angularjs、mobile-website

我正在尝试使用Angularjs实现一个移动网站。我想使用这种结构：可能是右手边的下拉菜单。由于我不想重新发明车轮，有什么好的参考或种子项目，我可以使用吗？

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

1回答

用角度材质创建移动底部导航

angular、angular-material

当我在一个小屏幕上时，我想为我的网站创建一个固定的。

浏览 2提问于2018-05-21得票数 1

回答已采纳

4回答

iPad上的引导导航栏

twitter-bootstrap

does文件很好地将导航栏转换为iPad上的下拉菜单。我的问题是导航栏没有固定在屏幕的顶部。相反，它遵循body标记上的padding-top。

浏览 3提问于2012-04-17得票数 2

回答已采纳

2回答

bootstrap-affix :词缀"jumps“下的Div跳到顶部。我如何让它平滑地向后滚动？

css、twitter-bootstrap

我已经玩了几天的boostrap，并对它所提供的功能感到惊讶。你可以在这里找到我目前的工作：当前代码： <div class="row affix-top" data-spy="affix" data-offset-top="60"> <div class=&

浏览 5提问于2012-11-24得票数 6

回答已采纳

13回答

使用twitter bootstrap下拉菜单的Z索引问题

drop-down-menu、twitter-bootstrap、z-index

我在页面顶部的固定导航栏中使用twitter bootstrap下拉菜单。这一切都很好，但我有下拉菜单项显示在其他页面元素后面，而不是在他们前面的问题。如果页面上有任何带有position: relative的东西(比如jquery ui accordion或google图表)，那么下拉菜单就会显示在它后面。尝试更改dd菜单和导航栏的z-index，但没有任何不同。

浏览 1提问于2012-12-17得票数 59

1回答

将顶部和侧面导航面板设置为固定的，但允许具有内部内容的滚动。

javascript、css、reactjs、user-interface

我试图将导航条、面包屑条、表标题等定位为屏幕上的固定元素，但将内容保持在页面的中心可滚动。是否有一种方法可以设置屏幕上的元素并启用内容滚动？这是否需要为每个元素创建样式，或者是

浏览 3提问于2022-09-12得票数 0

1回答

HTML5视频控件使我无法使用导航的下拉菜单

controls、html5-video、navbar

我有一个导航栏在我的网站顶部(不固定)与一个下拉菜单。现在的问题是，当我想要使用下拉菜单时，当它穿过html5视频播放器时，视频播放器的控件优先，所以我可以继续点击我的列表。此外，在站点中的任何地方都没有使用z索引。 visualisation of what my problem is 如果能得到任何一点帮助，我都将不胜感激。

浏览 20提问于2019-03-14得票数 0

回答已采纳

点击加载更多