在调整窗口大小

Question

$(window).on("resize", function () {

    var totalHeight = 0

    var $p = $("#cwt-help").children();

    $p.each(function () {
        totalHeight += $("#cwt-help").outerHeight();
    });

    $("#cwt-help").css({ "height": totalHeight })
});

在Windows调整大小后，我正在尝试调整父div的大小以匹配其子级的高度。我遇到的问题是这个代码我在调整大小之前得到了高度。如何获得最终高度？谢谢！

Answer 1

当resize事件发生时执行代码...
并且您希望它在事件发生后执行。

那么setTimeout()呢？

我想在事件发生后100毫秒。

$(window).on("resize", function () {

  setTimeout(function(){
    var totalHeight = 0

    var $p = $("#cwt-help").children();

    $p.each(function () {
        totalHeight += $("#cwt-help").outerHeight();
    });

    $("#cwt-help").css({ "height": totalHeight });
  },100);
});

Answer 2

这似乎更容易实现。调整窗口大小时，将高度设置为元素的pandoc。

＆＃13;

＆＃13;

scrollHeight

＆＃13;

$(window).on("resize", function () {
    $("#cwt-help").css({ "height": $('#cwt-help').srollHeight });
});

＆＃13;

#cwt-help{
  background-color: red;
}

＆＃13;

＆＃13;

＆＃13;