在引导程序中向下滚动时，菜单不显示

Menu disapear when scrolling down in bootstrap

本文关键字：菜单 显示 滚动 引导程序      更新时间：2023-09-26

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

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

file/assets/js/plugins/jquery.fixedonlater.min.js中的第16行正在管理元素id="navigation"的顶部属性

如果你只想在顶部有一个固定的菜单，那么bootstrap中有一个非常直接的粘性标题解决方案：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>
相关文章：