javascript - 页面高度不根据 div 中的内容量调整大小

Question

我需要我的网站（https://newmedia.leeds.ac.uk/ug10/cs10enw/portfolio/index.html#one）根据 .content 的高度调整每个页面窗口的大小。HTML 都在一个文件中，具有页面滑块效果。每个页面都有一个类 .page 和一个 ID（#page-one、#page-two 等）。.page 的宽度和高度来自我只能假设在 JS 中但无法在任何地方找到它！这是将每个页面设置为相同的高度，这意味着某些内容在某个点被截断，而其他内容在底部有太多的空白。

我非常需要帮助，拜托！

这是我认为与它有关的JS：

    // Resize pages on window resize
$(window).on('resize', function() {
    dx = $(window).width();
    dy = $(window).height();
    $resize.css({
        width: dx - 500,
        height: dy + 580
        //width: dx - 500,
        //height: 3000
    });
    if (timeout) clearTimeout(timeout);
    timeout = setTimeout(scrollToPage, 900);
});

但不确定是不是这样。

Answer 1

$(window).resize(respondToResize);

function respondToResize() {
    options.width = jQuery("body").width();
    options.height = jQuery("body").height();
    //Optionally all other functions below to redraw other content (texts, images, etc.)

}

//Initial call 
respondToResize();