Jquery调整大小隐藏溢出滚动条，直到浏览器调整大小

Question

溢出位于x轴上，我希望滚动条显示在60px的固定页脚上方。因此，计算高度，这是有效的。

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

当我添加resize事件时，它会在初始加载时隐藏它，但在浏览器调整大小后会出现。我试过了2个单独的例子：

添加show event

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

创建一个resize函数并在

之后调用它

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

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

如何在初次加载页面时加载滚动条？

Answer 1

尝试在初始加载时添加resize。

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