Как подстроить высоту таблицу под экран при загрузке страницы?

Question

[MonsterAndrew]

Добрый день! У меня есть таблица с min-height: 375px;. Мне нужно написать на JavaScript функцию, которая после загрузки страницы, если есть какое-либо место после таблицы до конца страницы, добавила бы к 375 это место и растянуло таблицу, но чтобы скроллбар не появился.

Answer 1

[MonsterAndrew]

$('#scrollArea').css("max-height", $(document).height() - $('#scrollArea').offset().top - 20);

Answer 2

[AskJs]

height: 100%
max-height: 100%

Answer 3

[hardcorelite]

$(document).ready(function{
    $('.myclass').css("height", $(document).height());
})

Comments

[MonsterAndrew]

там еще контент перед таблицей. Я так понял, нужно сделать высоту таблицы $(document).height() - контент сверху. Но как последний найти?

[hardcorelite]

MonsterAndrew, а код можно?

[MonsterAndrew]

hardcorelite, $('#scrollArea').css("max-height", $(document).height() - $('#scrollArea').offset().top - 20);

Answer 4

[Sanches]

Можно и так: https://codepen.io/abnmt/pen/LdWEJY?editors=0010