Flex блоки с растяжением одного по окончанию другого блока до низа, как растянуть скрол блок?

Question

[Антон Вебсайтовский]

Всем привет.
Блок состоит из двух блоков, у каждого блока width 50%. в ряд два блока.
Растягиваются они одинакового по высоте.

Верхняя часть во втором блоке идут кнопки, ниже идут новости, вот их и надо растянуть до низа первого блока, в блоке новостей есть скрол.

Рабочий пример:
https://jsfiddle.net/2gwudt8k/2/

И вопрос по поводу скрола, я использую скрол который не очень мало весит и много кода, может есть по проще и тож с дизайном и который работает нормально везде.

На скрине видно что блок с новостями не растягивается до низа первого блока.

Answer 1

[Danny Arty]

Для кастомного скролла можно использовать SimpleBar.
Для растяжения можете добавить блоку с классом stal display: flex; flex-direction: column; и для блока с классом newb flex: auto;

Comments

[Антон Вебсайтовский]

SimpleBar - а что у него за поддержка? я про браузера, на мобильных устройствах нет ли проблем.

[Антон Вебсайтовский]

Сделал, да работает как советовал https://jsfiddle.net/2gwudt8k/3/

[Danny Arty]

Антон Вебсайтовский, simplebar кроссбраузерный и отлично работает как на декстопе, так и на мобильных