Arquivo da tag: px

Script para ajustar altura da div junto com a da página

Estava trabalhando em um site que tem um menu lateral, que tem a altura de 100%, só que quando abria um submenu, aparecia a barra de rolagem, e altura do menu não ajustava o tamanho sozinho, fiz uma demorada busca até que achei esse script abaixo.

Colocar antes da TAG </head>

&lt;/pre&gt;
&lt;script&gt;
function alertSize() {
 var myWidth = 0, myHeight = 0;
 if( typeof( window.innerWidth ) == 'number' ) {
 //Non-IE
 myWidth = window.innerWidth;
 myHeight = window.innerHeight;
 } else if( document.documentElement &amp;&amp; ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 //IE 6+ in 'standards compliant mode'
 myWidth = document.documentElement.clientWidth;
 myHeight = document.documentElement.clientHeight;
 } else if( document.body &amp;&amp; ( document.body.clientWidth || document.body.clientHeight ) ) {
 //IE 4 compatible
 myWidth = document.body.clientWidth;
 myHeight = document.body.clientHeight;
 }

return [ alert(&quot;width: &quot;+myWidth+&quot; pxnheight: &quot;+myHeight+&quot; px&quot;) ];
}
&lt;/script&gt;
&lt;script&gt;
function ajustarAltura(){
 var heightTela = document.body.scrollHeight
 document.getElementById('menuLateral').style.height = heightTela+&quot;px&quot;;
}
&lt;/script&gt;
&lt;pre&gt;

Colocar no fim da página.

&lt;/pre&gt;
&lt;script&gt;
alertSize();
alert(&quot;menulateral: &quot;+$(&quot;#menuLateral&quot;).css(&quot;height&quot;));
alert(&quot;document.body.scrollWidth: &quot;+document.body.scrollWidth+&quot; pxndocument.body.scrollHeight: &quot;+document.body.scrollHeight+&quot; px&quot;);
&lt;/script&gt;
&lt;pre&gt;