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

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

1 个答案: