ブラウザのサイズとサイズ変更を使用して高さを取得、設定、リセットする - javascript、jquery、window

私はJSに関してはまだアマチュアです。ブラウザウィンドウの高さを取得し、サイズ変更時に更新したいのですが、これは可能ですか？（以下のコード）

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

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

setIntervalの使用を検討しましたが、もっと良い方法が必要です。助けてくれてありがとう

編集：これはページを更新せずに発生する必要があります

回答：

メソッドをウィンドウのサイズ変更イベントにバインドして、そこで変数を再計算するか、サイズ変更が必要な要素のサイズを変更できます。

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

またはハンドラーを使用して

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

function handle_window_resize() {
// your code here
}

あなたは jQuery .resize() 方法。

$(window).resize(function() {

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

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