получение неправильного значения для высоты div с использованием jquery

Question

У меня есть эта простая страница html с контейнером div, установленным на min-height 1800px, после добавления большего количества контента на страницу и использования jquery для получения реальной высоты я получаю неправильное значение , реальная высота теперь 1907 (от инспектировать элемента) и оповещает JQuery 1887 г., используя этот код

var container_h = $(".container").height(); 
alert(container_h); 

Я изменил высоту innerHeight, но не работать тоже вот страница http://www.mawk3y.net/alsoos/hathal/

Answer 1

Попробуйте https://api.jquery.com/outerHeight/

При установке outerHeight (true) вы включаете поля. В противном случае он возвращает height + padding.

var container_h = $(".container").outerHeight(true); 

Answer 2

используется SetTimeout (внутри документа готовы точно) в конце новой функции, которая получает высоту контейнера

setTimeout(getHeight,500); 

function getHeight(){ 
var container_h = $(".container").outerHeight();  

}

Answer 3

Убедитесь, что вы вызываете свой код после того, как DOM готов. Если вы этого не сделаете, элементы не будут «инициализированы».

$(function() { *your code here* });