Установить высоту блока равную высоте окна браузера

CSS Библиотека JS
Леонид
13.04.2023 06:49:37 am
Есть липкий блок, высота которого зависит от его содержимого. Порой содержимое гораздо объемнее, чем высота окна браузера, из-за этого пользователь не может увидеть нижнюю часть блока, тк блок зафиксирован и прокрутить его нельзя. Выход такой: сделать высоту блока равную высоте окна браузера (можно меньше на 20px) и добавить прокрутку внутри блока. Шепните, как такое собрать?
Заранее всем спасибо.
Predator
13.04.2023 07:42:31 am
Задайте блоку свойство:
height: 100vh;

Если надо блок сделать на 20px меньше, то так:
height: calc(100vh - 20px);

Задать высоту блока равную окна браузера на jQuery:
$('#block_id').css({
    height: $(window).height() + 'px'
});

Блок на 20px меньше:
$('#block_id').css({
    height: ($(window).height() - 20) + 'px'
});