Здесь вы узнаете, как сделать горизонтальное меню со скроллингом при помощи CSS.
Попробовать самому »
Как сделать горизонтальное меню со скроллингом
Шаг 1) Добавляем HTML:
Пример
<div class="scrollmenu">
<a href="#home">Главная</a>
<a href="#news">Новости</a>
<a href="#contact">Контакты</a>
<a href="#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;
}
