Jquery, conozca el ancho y alto de un div con barra de desplazamiento

Question

Quiero tener ancho y alto de un div completo con desplazamiento usando JQuery, pero solo puedo tener tamaño de contenido visible y no de contenido visible + oculto de barra de desplazamiento .

¿Alguien sabe de todos modos tener estos valores (ancho y alto)?

<div id="area" class="divLeftCem area"> 
    <div id="panelArea" class="areaBackground" 
     style="width: 1004px; height: 613px; background: #FFFFFF url('Images/background.png') repeat;"> 
    </div> 
</div> 

.area 
{ 
    margin-left: 10px; 
    width: 1004px; 
    height: 613px; 
    border: 1px solid #AFAFAF; 
    overflow: auto; 
    position: absolute; 
    top: 145px; 
} 

PD: Disculpe el mal inglés.

Answer 1

Get de .scrollHeight elemento:

$(".el").get(0).scrollHeight; 

No hace falta decir que usted podría utilizar .scrollWidth para el eje x también.

violín: http://jsfiddle.net/spN6n/