jQuery, min-height на основе высоты браузера

Question

В настоящее время я использую это, чтобы установить размер div в зависимости от высоты окна браузера;

var height = $(window).height(); 
$(".single-block").height(height); 

Который добавляет стиль высоты инлайн к .single-block DIV, который соответствует высоте окна браузера.

Но теперь мне нужно заменить встроенный стиль высоты на встроенный стиль минимальной высоты, чтобы при наличии большого количества контента в одном конкретном .single-block он не выходил из div.

Любая помощь была бы принята с благодарностью.

Answer 1

Использование css().

var height = $(window).height(); 
$(".single-block").css("min-height", height); 

или просто:

$(".single-block").css("min-height", $(window).height()); 

Answer 2

Если вы не хотите использовать CSS() (!, Как вы используете JQuery я не могу понять, почему вы не захотели) вы могли бы также использовать стиль-MinHeight, т.е.

$(".single-block").style.minHeight = height; 

Я хотел бы использовать JQuery сам, но просто подумал, что было бы рукой, чтобы показать альтернативу в случае, если кто-нибудь натыкается этот вопрос, но не с помощью JQuery по некоторым причинам.