서브메뉴가 스크롤되게 하려면..
본문
서브메뉴가 많아서 모바일화면을 넘어갔는데 메뉴가 고정되어 있어서 밑에 메뉴가 안나오네요..
스크롤이 생겨서 메뉴 밑에부분까지 나오려면 어떻게 해야하나요?
고수님들 알려주시면 감사하겠습니다 ~^^!
CSS에는 이렇게 나와있어요;;
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
}
모듈에는 이렇게 나와있구요..
<li>회사명
<ul class="dl-submenu">
<li> menu1 </li>
<li> menu2 </li>
<li> menu3 </li>
<li> menu4 </li>
<li> menu5 </li>
<li> menu6 </li>
<li> menu7 </li>
<li> menu8 </li>
<li> menu9 </li>
<li> menu10 </li>
</ul>
</li>
답변 2
<style>
.scrollBlind{
width:100%;
height:100%;
overflow-y:scroll;
}
</style>
<div class="scrollBlind">
<li>회사명
<ul class="dl-submenu">
<li> menu1 </li>
<li> menu2 </li>
<li> menu3 </li>
<li> menu4 </li>
<li> menu5 </li>
<li> menu6 </li>
<li> menu7 </li>
<li> menu8 </li>
<li> menu9 </li>
<li> menu10 </li>
</ul>
</li>
</div>
css 스크롤이라고 검색하시면 아마 도움을 받으실수 있으실겁니다.