頁面高度根據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();