Question

Добрый день.

Скажите, пожалуйста, как сделать меню с прокруткой такого плана как на скриншоте?

Comments

Уточните ссылку на сайт.

---

Не совсем поняла, о каком сайте идет речь, - о моем или о том, на котором я видела меню с прокруткой?

Answer 1

Если сайта у вас нет либо есть, но вы хотите реализовать подобное, делается это так, например у вас есть блок категорий:

$CATEGORIES$

чтобы у блока был прокрутка, завернем код выше в следующий див:

<div class="cat-bl">$CATEGORIES$</div>

Далее для созданного блока зададим стили:

.cat-bl {
  width: 280px; /* Ширина для блока*/
  max-height: 400px; /*Высота для блока если блок имеет высоту больше 400px появится скрол*/
  display: inline-block;
  overflow-x: hidden; /*Он же скрол без которого прокрутки у блока не будет*/
  margin: 0 -3px;
  padding-top: 1px;
}

пробуйте. Вместо $CATEGORIES$ в блоке может быть все что вам нужно, текст либо ссылки итд.

Comments

Большое спасибо!