Gövde elemanının yüksekliğini alma

Question

Burada, tüm 'lerin toplam yüksekliği 900 pikseldir, ancak jQuery işlevi, vücudun yüksekliğini 577 piksel olarak döndürür. (CSS gövdesini çıkarırsam çalışır).

Bu sorun için bir çözüm var mı?

$j(function() { 
    alert($j("body").height()); 
}) 

html, body { 
    height:100%; 
} 

<div style="height:200px">header</div> 
<div style="height:500px">content</div> 
<div style="height:200px">footer</div> 

Answer 1

Seti

html { height: 100%; } 
body { min-height: 100%; } 

yerine height: 100%.

Sonuç jQuery ifadesi doğrudur, çünkü gövdenin yüksekliğini% 100 olarak ayarlamışsınızdır ve bu muhtemelen görünümün yüksekliğidir. Bu üç DIV bir taşmaya neden oluyordu, çünkü BODY öğesinde onlar için yeterli alan yoktu. Ne demek istediğimi görmek için BODY etiketine bir kenarlık ayarlayın ve kenarlığın nerede bittiğini kontrol edin.

Answer 2

Dönen vücut boyunun görünür yükseklik olduğuna inanıyorum. Toplam sayfa yüksekliğine ihtiyacınız varsa, div etiketlerinizi içeren bir div içine sarın ve yüksekliğini elde edin.

Answer 3

Basitçe

$(document).height() // - $('body').offset().top 

ve/veya

$(window).height() 

yerine $('body').height();

Answer 4

$ (belge) .height() hileye neden olabilir kullanıp dahil toplam yüksekliği sağlar Sadece kaydırma ile görülebilen alan.

Answer 5

Biz

$window[0].document.body.clientHeight 

IE özgü kullanmaktan kaçınmak için çalışıyor Ve aşağıdaki jQuery sürekli aynı değeri vermez konusunda bulundu ama sonunda bizim için çalıştı ve muhafaza eden sayfa yükleme senaryosunda bir noktada yapar edildi çapraz tarayıcı desteği:

$(document).height()