Bootstrap 样式导航栏在滚动时不隐藏
Bootstrap style navbar not hide when scrolling
当屏幕宽度 < 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
class 有关,导航栏被困在 div 里面,它总是 100% 的屏幕,所以它给人一种导航栏总是固定在顶部的错觉。
这个 class 的目的是什么?真的有必要吗?
删除main.css
和.dashboard-page
中第6997行的.dashboard-page .main
class,以不同的方式规划您的页面,主要元素不必绝对定位,除非它是一个弹出窗口或某种位于所有内容之上的 div。删除这些 classes,重新构造你的 html,你就可以开始了!
当屏幕宽度 < 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
class 有关,导航栏被困在 div 里面,它总是 100% 的屏幕,所以它给人一种导航栏总是固定在顶部的错觉。
这个 class 的目的是什么?真的有必要吗?
删除main.css
和.dashboard-page
中第6997行的.dashboard-page .main
class,以不同的方式规划您的页面,主要元素不必绝对定位,除非它是一个弹出窗口或某种位于所有内容之上的 div。删除这些 classes,重新构造你的 html,你就可以开始了!