방법 - 가로 스크롤 메뉴
CSS로 가로 스크롤 가능한 메뉴를 만드는 방법을 알아보세요.
수평 스크롤 가능 메뉴를 만드는 방법
1단계) HTML 추가:
예시
<div class="scrollmenu">
<a href="#home">Home</a>
<a
href="#news">News</a>
<a href="#contact">Contact</a>
<a
href="#about">About</a>
...
</div>
2단계) CSS 추가:
탐색 모음을 스크롤 가능하게 만드는 트릭은 다음을 사용하는 것 overflow:auto
입니다 white-space: nowrap
.
예시
div.scrollmenu {
background-color: #333;
overflow: auto;
white-space: nowrap;
}
div.scrollmenu a {
display: inline-block;
color: white;
text-align: center;
padding: 14px;
text-decoration: none;
}
div.scrollmenu a:hover {
background-color: #777;
}
팁: 탐색 모음에 대해 자세히 알아보려면 CSS Navbar 자습서 로 이동하십시오 .