Добавить полосу прокрутки

[yaparoff]

Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то  у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM
Добавил ему свойство overflow-y: auto;
Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов

https://codepen.io/anon/pen/PyBmrm

[AlexZaw]

49 минут назад, yaparoff сказал:

Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов

Сделайте

.sidebar{
  max-height: 100vh;
  overflow-y: auto;
}

и для .sidebar__wrapper вообще уберите высоту. Тогда, если пунктов меню будет мало, сайдбар будет по высоте контента, а если много будет растянут по высоте экрана и появится скролл

[yaparoff]

27 минут назад, AlexZaw сказал:

для .sidebar__wrapper вообще уберите высоту

просто тогда нижний блок не прибивается к низу http://skrinshoter.ru/s/221018/CBueoibk

а можно ли как то только вот этому блоку добавить полосу прокрутки а не всему сайдбару? http://skrinshoter.ru/s/221018/q2922fiM
 

[AlexZaw]

Можно вот так сделать: https://codepen.io/AlexZaw/pen/vVapYd

Либо, если известна высоты верхних и нижних частей, можно с помощью calc задавать максимальную высоту для sidebar__navigation. Если высоты неизвестны то можно высчитывать их с помощью js. С помощью гридов тоже, скорее всего, можно сделать так как вы хотите