当屏幕宽度< 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
文件,我不知道我的脚本的哪一部分导致了这个问题。
答案 0 :(得分:1)
我很确定它与dashboard-page
类有关,导航栏被困在div中,它始终是屏幕的100%,因此它给出了导航栏始终固定的错觉顶部。
这门课的目的是什么?真的有必要吗?
删除.dashboard-page .main
和main.css
类中第6997行中的.dashboard-page
,以不同方式规划您的页面,主要元素不必绝对定位,除非它是弹出窗口或某些在一切之上都是一种div。删除这些类,重新构建你的HTML,你会很高兴!