在bootstrap中向下滚动时菜单消失

时间:2013-12-12 22:17:42

标签: javascript css

在www.preciseos.com中,顶部菜单仅在向下滚动折叠后显示。 我想把它固定在折叠之上,并试图理解是什么触发它不会出现在折叠之上。我对JS和CSS有很好的理解,我只是找不到触发它的东西。

请帮助我了解如何将首页菜单固定在首屏上方。 谢谢, 盎司

2 个答案:

答案 0 :(得分:0)

如果您只想在顶部找到一个固定菜单,那么引导程序中的粘贴标头解决方案非常简单: http://getbootstrap.com/examples/starter-template/

CSS ::

body {
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

HTML ::

 <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Project name</a>
    </div>
    <div class="collapse navbar-collapse">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </div><!--/.nav-collapse -->
  </div>
</div>

答案 1 :(得分:0)

文件/assets/js/plugins/jquery.fixedonlater.min.js中的第16行正在管理元素id =“navigation”的顶级属性