固定导航菜单高度使用CSS

文章/答案/技术大牛

发布

1回答

html、css、html-lists、nav

我想让我的导航菜单高度是固定的。使用下面的HTML和CSS代码。下图是我想要实现的布局。

浏览 19提问于2017-01-25得票数 0

回答已采纳

2回答

如何在移动上滚动覆盖div

javascript、html、css、responsive-design

我有一个移动网站，它有一个导航菜单，显示在右上角的固定位置按钮上。这个菜单也是固定的，所以菜单的顶部开始在按钮底部以下10 so。问题是，这个导航菜单可能比正在使用的设备的高度更长，当您尝试滚动时，它将滚动导航菜单后面的内容，因为它是固定的。有人能帮我绕开这件事吗？

浏览 2提问于2014-11-04得票数 1

回答已采纳

1回答

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

html、css

使用引导带(和它的Navbar)，我有一个巨型加速器，从屏幕大小的顶部开始，从30%开始。我是用css: top=30%做的。此外，我有一个海军酒吧，下降菜单时，移动大小。下拉式导航栏菜单应该涵盖巨无霸(所有屏幕大小)。因此，从数学上讲，导航条下拉大小应该是屏幕大小+像素高度的30% (假设目前是固定的，但可能因屏幕大小而异.)。目前，我可以使用以下方法调整导航条下拉菜单的高度：

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

回答已采纳

1回答

如何定位固定div之后的非固定div？

html、css

我有一个固定在顶部的菜单div，在菜单div的下面是一个不固定的导航栏。菜单高度是动态的，这意味着它会随着内容的不同而变化。特别是在更改窗口大小时，菜单可能会更改其高度。作者有一个以%为单位的菜单高度，只是在中添加了一个包装器，其高度与流中的高度相同。"> </div>

浏览 22提问于2020-06-27得票数 0

回答已采纳

2回答

Bootstrap 2.3.2响应式导航栏不覆盖内容

html、css、twitter-bootstrap、mobile、responsive-design

我在Bootstrap 2.3.2中有一个导航栏，在桌面上看起来很棒。我正在尝试将响应式导航栏用于平板电脑和移动设备，但我遇到了一些问题。我使用的导航条码是非常标准的 <div class="navbar-inner"> <-- dynamic code builds the menu here -->

浏览 2提问于2015-10-03得票数 2

2回答

CSS转换-高度轻松

html、css

我有这个导航菜单，这是纯粹由CSS驱动的。它在鼠标悬停时展开，在鼠标移出时折叠。我想要的功能是保持菜单打开，直到另一个按钮悬停。是否可以简单地使用CSS，或者我是否需要使用jQuery或JavaScript？如果只能在CSS中完

浏览 2提问于2014-04-25得票数 3

回答已采纳

2回答

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

css、twitter-bootstrap-3、navbar

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

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

回答已采纳

1回答

子菜单(下拉列表)被截断，在移动设备上不显示

html、css、ruby-on-rails、twitter-bootstrap

我正在用Rails开发一个web，使用Twitter引导和简单导航宝石。导航菜单在任何浏览器上都能正常工作，如下所示：当在移动设备上显示网页并单击导航按钮时，整个菜单将显示在垂直块上，将标题的大小扩大到最大。能容纳菜单的高度。问题是打开任何子菜单都会增加菜单的大小，溢出并隐藏最后的选项，就像您在比较中看到的那样：有什么想法吗？

浏览 1提问于2015-05-14得票数 2

回答已采纳

3回答

将li放在下一列特定高度之后

html、css、wordpress

我在一个wordpress网站上做导航菜单的工作。请看一下css和html的。这样，子菜单将始终位于背景图像中。谢谢

浏览 2提问于2012-09-24得票数 4

回答已采纳

1回答

使用Zen启动自定义主题

css、drupal、drupal-7、drupal-theming、drupal-zen

首先，如果这是一个愚蠢的问题，我很抱歉，但我不是CSS专家。基本上我想为导航菜单设置一个固定的高度，如下图所示：(带有Home链接的那个)我已经尝试了几种方法来在导航div上实现固定的高度( height :200px，overflow:auto，float:left)，但是对于所有这些方法，导航div都会与内容重叠。

浏览 9提问于2012-11-06得票数 2

回答已采纳

2回答

FullPageJS -固定头z-索引隐藏部分的内容

jquery、html、css、fullpage.js

对当前项目使用FullPageJS，该项目具有固定的顶部菜单，该菜单根据视图大小更改其高度。一种方法是用固定元素当前高

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

回答已采纳

2回答

粘性导航条使内容在回退时跳转。

jquery、scroll、addclass、scrolltop、removeclass

我有一个简单的网站设置一个标题，导航栏和内容。当页面到达导航栏时，位置变得固定，因此导航条位于页面的顶部--此时，导航条的高度也会变得更小(正如我喜欢的那样)--我通过添加单独的类来完成这个任务，这些类是固定的和更薄的。为了抵消这一点，我添加了一个名为"stop_the_jump“的div，它隐藏到肚脐被固定，此时它就显示在它的位置上。height(); $(&quo

浏览 5提问于2015-01-15得票数 0

回答已采纳

4回答

为什么粘稠的导航在固定的时候会跳？

javascript、jquery、navigation、sticky

我的网站是我有一个简单的sticky.js，它可以修复滚动条上的导航条，但是导航栏下面的内容会跳到导航栏下面。知道怎么解决这个问题吗？我试着使用jQuery .next()将下一个.css的边距放在导航之后，以便像它应该的那样在导航线下安装。还有其他好主意吗？

浏览 7提问于2014-07-25得票数 1

回答已采纳

1回答

改变blockScroll

javascript、jquery、html、css

第49行：我试着把高度改为宽度，但什么也没有。能不能只用CSS来完成呢？就像左边的花车？

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

1回答

我有一个导航菜单，它使用最小高度占据视口的全部高度，它也是固定的位置，但这存在一个问题。，因此您看不到最后的菜单选项。我正在寻找解决这一问题的最佳方法，无论是使用jQuery动态更改css位置(这似乎是用于WordPress管理菜单的解决方案)，还是通过调整滚动条上的顶部或页边距位置，如下例所示：我想要同样的用户体验，所以元素的行为(或给人的印象)是拥有绝对位置，直到它的底部进入视图，然后它将成为固定</

浏览 6提问于2016-09-22得票数 2

1回答

独立于iPhone缩放的网站的一部分

iphone、web、zooming、viewport、gestures

是否有可能在一个网站上有一个独立于iPhone缩放的菜单栏(导航栏)(即具有固定的宽度和高度)，而网站的其余部分可以放大和缩小？是否可以通过跟踪缩放元素的手势，并使用javascript重新缩放我的菜单？

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

回答已采纳

3回答

CSS修复了带有图像、换行的侧边菜单

html、css

我在我的页面上有一个固定位置的SIDEmenu。它包含100个小图像。每个图像都是10px x 10px。这可以使用HTML和CSS吗？添加：=这是一个固定的菜单栏在左边，有100个小图像。我正在尝试让它在iphone和电脑上运行。图片是用来导航网站的，所以每个图片都很重要。在iphon

浏览 2提问于2012-09-05得票数 0

回答已采纳

1回答

始终显示Silverlight页面的顶部

c#、.net、silverlight

我正在开发一个Silverlight导航应用程序，它包含三个部分：中间部分扩展到显示整个内容所需的程度我希望总是显示页面的顶部(菜单)。我怎样才能做到这一点？

浏览 4提问于2011-04-16得票数 1

1回答

创建在滚动上固定的绝对定位div -这是可能的吗？

css、positioning、css-position、scrollable

我有一个想法，创建一个网站，创建一个固定的水平导航栏，当你按下菜单项时，它只是简单地滚动内容，但我想在它上面有一个“介绍”div，一个背景图像和一个徽标，比如说300px的高度，当你第一次加载页面时显示因此导航栏看起来会附着在这个“介绍”div的底部，只有当你滚动过去的时候，导航栏才会附着在窗口的顶部，并且当你滚动的时候它会变成固定的位置。如果你点击了某个菜单项，或者如果你只是简单地滚动到页面的开头，它会再次附加到"introduction“

浏览 0提问于2012-02-28得票数 0

回答已采纳

2回答

CSS:将元素绝对定位到绝对父级

html、css、position、absolute

我在我的页面边上有一个固定的导航栏。我想在导航栏的底部有一个菜单，里面有一个锚标签形式的按钮在右边。所以我对bottom: 0的菜单使用了绝对定位。这非常好用。但是当我想要绝对定位按钮时，菜单的高度被设置为0，并且按钮似乎位于整个导航栏的下方。HTML和CSS：.fixed { top: 0; right: 0; height: 100%;

浏览 24提问于2018-01-30得票数 2

回答已采纳

点击加载更多