当屏幕宽度 < 768px 时,我无法弄清楚为什么我的导航栏不滚动,尽管我已将其设置为 .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 ">
http://plnkr.co/edit/Vlx47gPERIJ8ELGEOWZm?p=preview
还有 mycss.css
和 main.css
文件,我不知道我的脚本的哪一部分导致了这个问题。
最佳答案
我很确定它与 dashboard-page
类有关,导航栏被困在那个总是 100% 屏幕的 div 中,所以它给人一种错觉导航栏始终固定在顶部。
这门课的目的是什么?真的有必要吗?
删除 main.css
和 .dashboard-page
类中第 6997 行的 .dashboard-page .main
,以不同方式规划页面,主要元素不必绝对定位,除非它是一个弹出窗口或某种位于所有内容之上的 div。删除这些类,重新构建您的 html,您就可以开始了!
关于html - 滚动时 Bootstrap 样式导航栏不隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30500673/