Javascript 在引导程序中向下滚动时菜单取消显示

Javascript 在引导程序中向下滚动时菜单取消显示,javascript,css,Javascript,Css,在www.preciseos.com中,只有在向下滚动折叠后,顶部菜单才会显示。 我想把它也固定在褶皱上方,我试图理解是什么触发它不出现在褶皱上方。我对JS和CSS有很好的理解,只是找不到触发它的原因 请帮助我了解如何将顶部菜单固定在折叠上方。 非常感谢。 Oz如果您只想在顶部有一个固定的菜单,那么bootstrap提供了一个非常简单的粘性标题解决方案: CSS:: HTML:: <div class="navbar navbar-inverse navbar-fixed-top" r

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

请帮助我了解如何将顶部菜单固定在折叠上方。 非常感谢。
Oz

如果您只想在顶部有一个固定的菜单,那么bootstrap提供了一个非常简单的粘性标题解决方案:

CSS::

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>

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

请在此处添加代码。当问题解决后,这个问题就不再具有相关性或背景。
 <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>