Získajte, nastavte a vynulujte výšku pomocou veľkosti prehliadača a veľkosť - javascript, jquery, window

Som stále amatér, pokiaľ ide o JS, chcel by som získať výšku okna prehľadávača a potom ho nechať aktualizovať pri zmene veľkosti. Je to možné? (Kód nižšie)

$(document).ready(function() {
var winHeight = $(window).height(),
winWidth = $(window).width();

$("#wrap_project_horizontal_gallery").css({
"height" : winHeight - 170
});
});

Premýšľal som o použití setInterval, ale musí existovať lepší spôsob. Ďakujem veľmi pekne za pomoc

ÚPRAVA: Toto sa musí stať bez obnovenia stránky

odpovede:

Mohli by ste spojiť metódu s udalosťou zmeny veľkosti v okne a prepočítať tam svoje premenné alebo zmeniť veľkosť prvkov, ktoré potrebujú zmenu veľkosti.

    $(document).ready(function(){
$(window).resize(function() {
// your code here
});
});

alebo pomocou obsluhy

$(document).ready(function(){
$(window).resize(handle_window_resize);
});

function handle_window_resize() {
// your code here
}

Môžete použiť jQuery .resize() metóda.

$(window).resize(function() {

var winHeight = $(window).height(),
winWidth = $(window).width();

$("#wrap_project_horizontal_gallery").css({
"height" : winHeight - 170
});
});