jQuery - Öğe yüksekliğinin pencere yüksekliğinden daha büyük olup olmadığını algıla ve bu konuda bir şeyler yap

Question

Tittle gerçekten her şeyi söylüyor.

Temelde i

Bunu yapmış ama o iş alışkanlık Neden http://jsfiddle.net/dhkCa/3 işe uyuyamıyrom .. bu div 'ın heightwindowheight daha büyük olması algılamak ve bu konuda bir şeyler yapmak ister misin?

Düzenleme: CSS kodunda küçük bir hata düzeltildi. Jsfiddle bağlantısı güncellendi.

Answer 1

document 'un tüm öğeleri kendi içinde ve tüm bu öğelerin yüksekliklerinin toplamı (tüm display:block öğeleri, artı kenar boşluğu ve dolgu); Bu nedenle, içerilen hiçbir unsur belgenin kendisinden daha uzun olamaz.

var div = $("div").height(); 
var win = $(window).height(); 

if (div > win) { 
    $("div").addClass('red'); 
} 

JS Fiddle demo: Ne yapmak gerekir window 'ın yüksekliğini değil, belge en karşılaştırmak olduğunu.

Answer 2

Belgenin kaydırma yüksekliğinden farklı bir kaydırma yüksekliğine sahip bir öğe için element.getBoundingClientRect().height(Docs)'u kullanabilirsiniz.