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

[yaparoff]

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

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

[AlexZaw]

  On 10/22/2018 at 6:09 AM, yaparoff said:

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

Expand  

Сделайте

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

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

[yaparoff]

  On 10/22/2018 at 7:03 AM, AlexZaw said:

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

Expand  

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

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

[AlexZaw]

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

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