높이가 100 % 인 div 그러나 내용이 더 크게 조정되는 경우

Question

내 웹 사이트는 브라우저 창 전체 높이와 너비를 늘릴 수있는 패널 (클래스 이름은 .panel)로 작동하는 5 페이지짜리 웹 사이트입니다. . 내 아래 코드는 이미 이것을 처리하고 있지만, .panel/browser 윈도우의 높이보다 큰 내용이 있습니다. 이 콘텐츠는 숨겨집니다. 나는. .panel DIV는 문자 그대로 윈도우의 높이이며 다른 것은 없습니다. 그 안에있는 내용이 브라우저 창 높이보다 큰 경우 확장해야합니다.

이 코드를 편집하여이 기능을 추가하려면 어떻게해야합니까? 이 조정 된 DIV에 클래스 이름을 추가하여 적절하게 스타일을 지정할 수 있습니까?

// In my plugins.js file 
function fitElements(){ 
var height=$(window).height(); 
var width=$(window).width(); 

$('.panel').css('height',height); 
$('.panel').css('width',width) 
}; 

// At the bottom of my HTML file (to call the function) 
jQuery(document).ready(function($) { 
    fitElements(); 
}); 

// My current code also adjusts on browser resize - so would need this answer to do the same 
$(window).resize(fitElements); 

Answer 1

변경 섹션

$('.panel').css('height',height); 

재 크기 기능

if (height > $('.panel').height) { 
    $('.panel').css('height',height); 
} 

에 함수의 시작 부분에

를 추가