2017-10-06 101 views
0

所以我做了一個導航欄下拉菜單,(http://bulma.io/documentation/components/navbar/)這有效,但我希望它在導航欄之外放下菜單,所以你不必在導航欄內滾動它。希望它能像我的網頁上的其他內容一樣自由落體。有誰知道我可以定義什麼規則來實現這一點?

我可能忽略了一些有關這方面的信息,在他們的文檔中,但我已經嘗試了一堆CSS和HTML,但沒有成功。
感謝布爾瑪導航欄下拉菜單在導航欄中用滾動條打開

  <div class="nav-right nav-menu fa-lg"> 
      <a class="navbar-item" href="#about">About</a> 
      <div class="navbar-item has-dropdown is-active"> 
       <a class="navbar-item navbar-link">Locations</a> 
       <div class="navbar-dropdown"> 
        <a id= class="navbar-item">Stockholm</a> 
        <a class="navbar-item">Copenhagen</a> 
        <hr class="navbar-divider"> 
        <div class="navbar-item"> 
        Norway <3 
        </div> 
       </div> 
      </div> 


      <a class="navbar-item" href="#social">Social</a>  


     </div> 

回答

0

固定的,用CSS:

.nav-right {overflow-y:visible} 

.navbar-item, .nav-right{overflow-x:visible}