当我滚动时，Div的Bootstrap菜单封面标题

我为我的网页使用bootstap菜单，但是当我点击第二个菜单时，他会覆盖DIV的标题，就像在此图像中一样。当我滚动时，Div的Bootstrap菜单封面标题

HTML代码：

<nav class="navbar navbar-default navbar-fixed-top top-nav-collapse navbar-out-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="index.html"> 
        <img src="https://placehold.it/153X50"> 
       </a>      
      </div> 
      <div class="navbar-collapse collapse" aria-expanded="false" style="height: 0px;"> 
       <ul class="nav navbar-nav navbar-right">     
        <li class="scroll"><a href="#home">Home</a></li> 
        <li class="scroll active"><a href="#services">Menu 1</a></li>      
        <li class="scroll"><a href="#doctors">Menu 2</a></li> 
        <li class="scroll"><a href="#about-us">Menu 3</a></li> 
        <li class="scroll"><a href="#gallery">Gallery</a></li> 
        <li class="scroll"><a href="#contact">Contact</a></li>  
       </ul> 
      </div> 
     </div> 
    </nav>

CSS代码：

@media(min-width:767px) { 
.navbar { 
    padding: 20px 0; 
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; 
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; 
    transition: background .5s ease-in-out,padding .5s ease-in-out; 
} 


}

我可以解决此问题与jQuery？

来源

2016-12-15 Rexhep Rexhepi

请给予充分的代码 –

给填充到部分
例如：

#services { 
    padding:100px 0; 
}

填充必须比导航栏高度

来源

2016-12-15 14:01:43

但在我的设计，我没有100px的填充顶部。我试过这个，但不是正确的解决方案 –

这必须解决它。我希望你没有使用框大小：边框 –

给我你的代码，我可以给你的解决方案 –

你已经改变了z-index的多吗？

检查z-index，按F12查看开发人员选项。

邮政完整的HTML代码

来源

2016-12-15 14:07:19

添加页面的完整的HTML代码，你已经发布的代码只有导航 –

你需要一些身体填充

的固定导航栏将覆盖而不是添加填充到每一个div容器的其他内容。你可以添加一些填充到''。默认情况下，导航栏高50px。您需要添加比导航栏高度更多的填充。

body{ 
    padding-top: 70px; 
}

如果不工作，然后添加类=“clearfix”你的div容器（代码中的第二行）

来源

2016-12-15 14:09:37

当我滚动时，Div的Bootstrap菜单封面标题

回答

相关问题