As páginas de um projeto que tenho estão tendo um comportamento estranho, ao serem chamadas um trecho da página está sendo carregado, aparentemente, atrasado, o código é esse:
<div class="page-banner no-subtitle">
<div class="container">
<div class="row">
<div class="col-md-6">
<h2>PRODUTOS</h2>
</div>
<div class="col-md-6">
<ul class="breadcrumbs">
<li><a href="index.php">Início</a></li>
<li>Produtos</li>
</ul>
</div>
</div>
</div>
Bem no início da página tenho isso:
<div class="hidden-header"></div>
E a ele está associado um .js
, que é esse:
var headerEle = function(){ var $headerHeight = $('header').height(); $('.hidden-header').css({ 'height' : $headerHeight + "px" }); }; $(window).load(function () { headerEle(); }); $(window).resize(function () { headerEle(); });
A página fica com um atraso no carregamento, tentei algumas opções e nada surtiram efeito, se retiro ou comento o código .js
o page-banner
some.
Um exemplo do comportamento pode ser visto aqui