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

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();
});

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

Answer 1

尝试在初始加载时添加调整大小。

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