如何保持菜单始终附在顶部答案

【问题标题】：How to keep menu attached constantly to the top如何保持菜单始终附在顶部
【发布时间】：2013-12-23 00:06:28
【问题描述】：

我正在使用引导程序 3.0。当我在移动视图中向下滚动时，菜单仅在滚动几次后才会弹出回到顶部。有什么解决办法吗？

1) 初始视图（附在顶部的菜单）：

2) 一些向下滚动的视图（需要在顶部显示菜单）

3) 再滚动几卷（再次返回菜单）

我相信 css 中有某种规则说当最小滚动达到某个值时显示菜单，所以我可能需要减少该值或什么？我只需要在移动视图中将其附加到顶部，而不是在桌面或平板电脑视图中。

【问题讨论】：

【解决方案1】：

您可以使用 css 来实现它。您应该在哪里固定导航栏定位。

可以使用navbar-fixed-top 类在bootrstap 中构建固定导航到顶部的类。 'navbar-fixed-top'的用法可以建立here。或者您可以使用以下示例。

.nav
{
   position: fixed;
}

阅读更多关于它的信息here。

附：我的建议只是使用内置类或 CSS。但是你也可以用其他技术来做到这一点。

【讨论】：

css 中是否有规则使当前行为？我只需要在移动视图中修复它，而不需要在桌面视图中修复它。
当然有可能。为此目的使用媒体查询。阅读媒体查询 [此处][1]。 [1]：developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
我猜导致当前行为的查询已经坐在引导 css 中？
Here 是类似的问题。

【解决方案2】：

bootstrap 有一个针对这种情况的内置 javascript

【讨论】：