2013-04-29 1 views
0

하위 메뉴의 경우 : 하위 메뉴가 주 메뉴의 오른쪽에 나타나도록 절대 위치를 사용하고 있습니다. 그러나 위치와 함께 : 절대 스크롤러가 나타나지 않습니다.WordPress 메뉴에서 스크롤을위한 하위 메뉴 내용에 위쪽 화살표와 아래쪽 화살표를 추가하고 싶습니다.

특정 높이에 도달 한 후에 하위 메뉴에 스크롤바를 표시 할 수있는 방법이 있습니까?

.main-navigation{ 
    float:left; position:relative; padding-left:3.071em; z-index:9999; 
} 
.main-navigation ul{ list-style:none; font-family:"Century Gothic";} 
.main-navigation li{ text-transform:lowercase; display:block;} 
.main-navigation li a{ 
    display:block; color:#000;line-height:18px; 
    padding:0 4em 0 1.429em;} 

.main-navigation li ul{ 
    display:none; position:absolute; z-index:1; top:1px; left:90%; 
} 
    .main-navigation li ul li{ 
     line-height:18px; margin:0 1em 0.143em 0; 
    } 
    .main-navigation li ul li a { 
     display: inline-block; 
     line-height:14px; 
     padding: 0 2em; 
     width: 10.429em; margin:0 0 0 1em; 
     white-space: normal;   
    } 

.submenu .current-menu-item a{ 
    background:url(images/current-page.png) no-repeat left; } 

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a { 
     background:url(images/current-page.png) no-repeat left; 
    } 

.sub-menu { height:80px; position:relative; display:block;} 

.main-navigation li.current_page_item ul, 
.main-navigation li.current_page_parent ul, 
.main-navigation li.current_page_ancestor ul { display: block; } 

답변

0

그것은 적어도 관련된 HTML 페이지를 보지 않고 이런 질문에 대답하기 어려운, 또는 :

여기 내 CSS입니다. 하지만 아마도 이걸 시도해 볼 수 있을까요?

.sub-menu {height:80px; overflow: auto;} 
+0

답장을 보내 주셔서 감사합니다. 여기에서 임시 사이트를 볼 수 있습니다 : http://www.trialhosting2.info/beraldocms/?page_id=89 – psuparna

+0

링크를 제공해 주셔서 감사합니다. 위에 게시 한 코드는 사이트에서 테스트 할 때 작동합니다. 너 해봤 니? –

+0

위의 코드를 시도해 보았습니다 : http://trialhosting2.info/submenu/sample.html (서브 메뉴에 스크롤 바 클래스를 추가하지 않고). 다음은 스크롤 막대 클래스를 추가 한 다른 링크입니다. http://trialhosting2.info/submenu/sample2.html 스크롤 막대 클래스를 추가 한 후에 하위 메뉴가 사라졌습니다. 내 페이지 바닥 글에 추가 한 스크립트를 볼 수 있습니다. 내가 위치를 제거한 후 : .main-navigation li ul에서 http://trialhosting2.info/submenu/sample3.html. 저에게 알려주세요. – psuparna

관련 문제