jQuery outerHeight, doğru değeri döndüremiyor

Question

Web sayfası içeriğinin yüksekliğini, üstbilgi ve altbilgi değerlerini pencere boyutundan çıkararak ve içeriği belge yükünde bu değere ayarlayarak dinamik olarak ayarlamaya çalışıyorum.

Her bir işlev parametresi, öğe yüksekliğini almak için bir öğe kimliğini alır; içerik parametresi hariç.

function setH(header, content, footer) 
{ 
    winH = top.innerHeight; 
    winTitle = 32; // height value of the window title (part of the header) 
    headH = $(header).outerHeight(true); 
    footH = $(footer).outerHeight(true); 
    contentH = winH - winTitle - headH - footH; 
    $(content).css({'height' : (contentH) + 'px','overflow-y' : 'scroll'}); 
} 

İçinde bulunduğum sorun, outerHeight değerleri yanlış değerler döndürüyor. Üstbilgi 23px ve altbilgi 40px döndürür.

FF ve Chrome'daki öğeleri incelerken değerler 25px ve 44px'dir.

innerHeight ,, outerHeight ve outerHeight (true) kullanmayı denedim, ancak doğru değerleri alamıyorum.

Neyin yanlış gittiğine dair herhangi bir öneriniz var mı? veya içeriğin yüksekliğini dinamik olarak ayarlamada alternatif bir yol? Herhangi bir yardımın takdir edilmesini sağlamak için saçım tükeniyor.

Düzenleme: İçerisinde iframe'ler ile çalışıyorum. Aşağıdaki: winH = top.innerHeight en çok iframe penceresinin yükseklik değerini alıyor.

Answer 1

Ekran genişliğini/yüksekliğini hesaplamak için kullandığım bir komut dosyasını değiştirdim. Bu çalışırsa bakınız: Beni $(window).load() içinde outerHeight() değil $(document).ready() denetler kod koymaktır yardımcı olan denemek için

if (typeof window.innerWidth != 'undefined') { 
     viewportwidth = window.innerWidth; 
     viewportheight = window.innerHeight; 
     winTitle = 32; 
     headH = $(header).outerHeight(true); 
     footH = $(footer).outerHeight(true); 
     contentH = viewportheight - winTitle - headH - footH; 
    } 

    // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document) 

    else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) { 
     viewportwidth = document.documentElement.clientWidth; 
     viewportheight = document.documentElement.clientHeight; 
     winTitle = 32; 
     headH = $(header).outerHeight(true); 
     footH = $(footer).outerHeight(true); 
     contentH = viewportheight - winTitle - headH - footH; 
    } 

    // older versions of IE 

    else { 

    viewportwidth = document.getElementsByTagName('body')[0].clientWidth; 
    viewportheight = document.getElementsByTagName('body')[0].clientHeight; 
    } 
    document.getElementById("content id").style.height = contentH + "px"; 

Answer 2

Bir şeyi. Açıktır ki birçok durumda $(document.ready()'u kullanmak iyidir, ancak bazen outerHeight()'un yanlış değeri tamamen yüklenmemiş öğelerin nedenidir.