Как получить высоту div с переполнением скрытой?

Question

У меня есть div, как вы увидите в jsfiddle, и мне нужно получить высоту всего div (видимый + переполненный). Я пробовал некоторый код JQuery, но я могу получить только видимую высоту. Как я могу это решить?

$(document).ready(function() { 
    var height= $("#container").height(); 
    alert(height); 
    var scrolled = 0; 

    $('.up').hide(); 

    $(".down").on("click" ,function() { 
     scrolled=scrolled+50; 
     console.log(scrolled); 
     set(scrolled); 
     $("#container").animate({ 
      scrollTop: scrolled 
     }); 
    }); 
}); 

Jsfiddle

Любые советы очень приветствуются. Благодаря!

Answer 1

Используйте scrollHeight вместо (a DOM element property):

$(selector)[0].scrollHeight 

так в вашем примере:

var height= $("#container")[0].scrollHeight; 

или (как Вохуман указывает):

var height= $("#container").prop("scrollHeight");