當我滾動時，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菜單封面標題

回答

相關問題