. 높이 다시로드 div 높이

Question

증가 글꼴 jquery 스크립트를 사용하려고하지만 글꼴 크기가 커지면 jquery가 div 크기를 다시로드하여 스크롤 막대가 나타나거나 사라지도록 만드는 방법을 모릅니다. 나는 tantilisingly 가까이있어하지만 내 코드를 클릭하면 처음으로 작동, 이후 그것은 나던 업데이 트가. 코드는 다음과 같습니다.

<script type="text/javascript"> 
$j(document).ready(function(){ 
    // Reset Font Size 
    var originalFontSize = $j('html').css('font-size'); 
    $j(".resetFont").click(function(){ 
    $j('html').css('font-size', originalFontSize); 
    }); 
    // Increase Font Size 
    $j(".increaseFont").click(function(){ 
    var currentFontSize = $j('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum*1.2; 
    $j('html').css('font-size', newFontSize); 
    $j("#content").height(auto); 
    return false; 
    }); 
    // Decrease Font Size 
    $j(".decreaseFont").click(function(){ 
    var currentFontSize = $j('html').css('font-size'); 
    var currentFontSizeNum = parseFloat(currentFontSize, 10); 
    var newFontSize = currentFontSizeNum*0.8; 
    $j('html').css('font-size', newFontSize); 
    return false; 
    }); 
}); 
</script> 

이 $ j ("# content"). height (auto); 증가 높이의 끝까지 처음으로 수집 한 것에서부터 함수가 호출되면 높이를 auto로 설정합니다. 그러나 이후의 클릭에서 높이가 이미 자동으로 설정되어 있으므로 차이가 발생하지 않습니다. 누구든지 내 코드를 수정하는 방법을 보여 주면 매우 감사 할 것입니다.

Answer 1

는

$j("#content").css({'height' : 'auto'}); 

또는 더 많은 정보가 필요보십시오.

#content의 CSS는 무엇이며 CSS의 다른 요소에 대해 명시적인 높이를 설정 했습니까? #content에 대한 나의 CSS를 :(작동하지 않았다