하위 메뉴를 스크롤 가능하게 만드는 방법

Question

나는 길고 다른 하나의 하위 메뉴를 가지고있다. 데스크톱과 모바일에서는 괜찮아 보이지만이 하위 메뉴를 스크롤 할 수있게 만들어 너무 길거나 사람을 압도하지 않도록하고 싶습니다.

저는 아직 JavaScript에 있지 않으므로 간단한 CSS 트릭이 필요합니다. 내가 여기 있습니다 오셨습니다 가장 가까운 :

Scrolling Submenus

하지만이 모든 것을 움큼과 마지막 메뉴 항목이 나타납니다. 나는 그것을 더 길게 만들려고 노력했다. 그러나 아무것도 작동하는 것처럼 보이지 않는다.

CSS :

.navbar-inverse .dropdown-menu > li > a { 
    width: 185px; 
    height: 400px; 
    overflow-x: hidden; 
    overflow-y: scroll; 
    z-index: 1000 !important; 
    position: fixed !important; 
} 

어떤 제안이? 사업부 수직 스크롤이하기 위해

partyfavorz.com

Answer 1

의 예를 볼 수 있습니다 그냥 목록 및 오버 플로우-Y에 높이를 설정 :

.dropdown-menu { 
    height: 500px; // change it as you like 
    overflow-y: auto; 
} 

Answer 2

, 당신은 스크롤되는 사업부보다 작은 높이의 부모가해야합니다.

.parent { 
    height: 300px; 
    width: 300px; 
    overflow-y: auto; 
} 

.scrollable { 
    height: 600px; 
    width: 300px; 
    background: gray; 
} 

당신은 링크 https://jsfiddle.net/sebdum/npz8u6x2/1/