滚动时引导样式导航栏不隐藏答案

【问题标题】：Bootstrap style navbar not hide when scrolling滚动时引导样式导航栏不隐藏
【发布时间】：2015-05-30 17:02:40
【问题描述】：

当屏幕宽度 .navbar-static-top，但它仍然看起来像 .navbar-fixed-top。

查看我的 Plunker，代码在文件 dashborad.html 第 21 行中

<nav class="nav navbar navbar-static-top navbar-inverse  col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 ">

还有mycss.css 和main.css 文件，我不知道我的脚本的哪一部分导致了这个问题。

【问题讨论】：

【解决方案1】：

我很确定它与dashboard-page 类有关，导航栏被困在始终占屏幕 100% 的 div 内，因此它给人一种导航栏始终固定在顶部的错觉。

这门课的目的是什么？真的有必要吗？

删除 main.css 和 .dashboard-page 类中第 6997 行中的 .dashboard-page .main，以不同方式规划您的页面，主元素不必绝对定位，除非它是弹出窗口或顶部的某种 div一切。删除这些类，重新构建您的 html 结构，一切顺利！

【讨论】：

它可以被丢弃。你能给我提供更详细的解决方案吗？
main.css 中的第 6997 行，删除类 .dashboard-page .main ，您会看到您可以滚动并且导航栏将保持在顶部。问题是您的 css 结构不正确，您可能在不需要时使用了定位。您必须更深入并消除不必要的定位，这就是您的问题所在。 :)
我已经删除了这些类，并删除了.main 中的position:absolute，但是如何以不同的方式规划我的页面以使其正常工作？
好的，我找到了，第 7179 行。删除溢出：从 html 中隐藏，正文应该可以解决。 :)
当然，没问题。很高兴我能帮上忙！ :)