Question

我正在尝试调整我网站的主要内容div #inhalt的大小，以便它总是填充所有可用空间。基本上我通过设置总可用高度的高度 - #inhalt的顶部位置（顶部的像素） - 填充等来实现这一点。这是我的javascript / jQuery代码：

$(document).ready(function(){
  $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48);
  $(window).resize(function() {
    $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48);
  });      
});

当我调整窗口大小以使其变大时，这可以正常工作。但是，当我把它变小时，它不会。

有没有人知道为什么以及我能做什么？

Answer 1

它确实适合我。我在很多地方都用过它。您可以通过resize处理程序中的日志消息来检查这一点。

$(window).resize(function() {
    console.log('window resized');
    $("#inhalt").height($("#zentriert").height() - $("#inhalt").position().top - 48);
});

jQuery .resize（）仅在使窗口变大时起作用

1 个答案: