jquery - 如何使用jQuery设置与窗口相同的最小高度

如何使用jQuery设置.inner wrap div的css最小高度以匹配窗口高度？我需要它运行在文件加载和窗口大小也？

$(window).resize(function() {

$('.inner-wrap').height ( $(window).height() );

});

最佳答案

使用.css()方法，如下所示：

$('.inner-wrap').css("height", $(window).height() + "px" );

或最小高度：

$('.inner-wrap').css("min-height", $(window).height() + "px" );

每次调整窗口大小时设置css都会导致性能问题。因此，使用一个小技巧：

// short for $(document).ready()
$(function() {
    var timer;

    $(window).resize(function() {
        clearTimeout(timer);
        timer = setTimeout(function() {
            $('.inner-wrap').css("min-height", $(window).height() + "px" );
        }, 40);
    }).resize();
});

这段代码的作用是什么；
文档一加载，它就开始添加所有函数。它创建一个空变量“timer”，稍后将用作超时包装函数。然后，它将resize事件添加到窗口中，并立即在窗口对象（...resize();）上调用它，这将导致函数在开始时正确运行。
在函数中有一个超时处理，确保只有在用户在很短的时间内停止调整窗口大小时才应用css。你可以玩40（毫秒）的整数。希望能帮上忙