jquery - Jqueryのサイズ変更により、ブラウザのサイズが変更されるまでオーバーフロースクロールバーが非表示になります

Question

オーバーフローは x 軸上にあり、スクロール バーを 60px の固定フッターの上に表示したいと考えています。したがって、高さが計算され、これが機能します。

$('#shf').css('height', '100%').css('height', '-=60px');

サイズ変更イベントを追加すると、初期ロード時に非表示になりますが、ブラウザのサイズが変更されると表示されます。私が試した2つの別々の例：

ショーイベント追加

$(window).resize(function() {
    $('#shf').show();
    $('#shf').css('height', '100%').css('height', '-=60px');
});

サイズ変更関数を作成し、後でこれを呼び出す

function resizePortfolioScroll(){
var $height = $('#shf').css('height', '100%').css('height', '-=60px');
}

$(window).resize(function() {
    $('#shf').show();
    resizePortfolioScroll();
});

ページの最初の読み込み時にスクロール バーを読み込むにはどうすればよいですか?