如何获得隐藏溢出的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;

或（正如Vohuman指出的那样）：

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