2016-08-02 11 views
2

スクロールバーがあると、私のサブメニューが表示されません。私が使っているブートストラップサブメニューでスクロールバーを使用するとサブメニューを表示する方法は?

enter image description here

これは私のhtmlコードです:これは私のCSSコードが

<a tabindex="-1" href="#">Location</a> 
          <ul class="dropdown-menu scrollable-menu"> 
           <li class="dropdown-submenu"> 
           <a href="#">Afghanistan</a> 
             <ul class="dropdown-menu scrollable-menu"> 
              <li><a class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/>&nbsp;Select all</a></li> 
              <li class="divider"></li> 

             </ul> 
           </li> 
          </ul> 

です:

.scrollable-menu { 
    height: auto; 
    max-height: 405px; 
    overflow-x: hidden; 
} 
+0

あなたはjsfiddleでの作業のデモを表示することができるので、その理解しやすいです。 –

答えて

0

高さを削除:自動;およびoverflow-x:hidden;

は、これらのベローズのコードを試してみてください。

.scrollable-menu { 
    max-height: 400px; 
    overflow: auto; /* Scrollbar */ 
    } 

更新されたコード:

.scrollable-menu ul li ul { 
    max-height: 400px; 
    overflow: auto; /* Scrollbar */ 
    } 
+0

まだ表示されていません – uno

+0

可能であれば、スニペットコードを表示することができます。 –

+0

私は自分の答えを更新しました。一度それをチェックしてください。 –

0

.scrollable-menu { 
 
    max-height: 405px; 
 
    overflow-x: auto; /* or overflow:scroll */ 
 
}

+0

まだ表示されていません – uno

+0

@unoデモをプライベートにしてください。 –

関連する問題