JavaScript滾動功能，如何檢測JavaScript的標題的高度？

Question

我有一個簡單的問題，我似乎無法弄清楚。我有點新的JavaScript。

我正在製作一個帶有固定標題的單頁網站。我的導航是由JavaScript函數支持的，它可以滾動到鏈接的div並將頂部偏移80px（我的頭部的高度），並且它完美地工作。

這裏是JavaScript：

$(document).ready(function(){ 

    $('#nav li a').click(function(){ 

     var el = $(this).attr('href'); 
     var elWrapped = $(el); 

     scrollToDiv(elWrapped,40); 

     return false; 

    }); 

    function scrollToDiv(element,navheight){ 
     var offset = element.offset(); 
     var offsetTop = offset.top; 
     var totalScroll = offsetTop - 80 + "px"; 

     $('body,html').animate({ 
       scrollTop: totalScroll 
     }, 500); 

    } 



}); 

我的問題是，當我的網站上加載移動我的頭長到215px（我使用的框架結構），併發揮作用仍滾動滾動80px 。我怎樣才能使用JavaScript動態檢測標題的高度，並將其插入此滾動功能，而不是使用固定的高度？

Answer 1

$("#header").outerHeight()將返回#header元素的總高度。