Chackan's Weblog

agosto 24, 2011

Centralizando elemento absolutamente com jQuery

Filed under: Js — Sérgio Santana @ 12:07 pm

Segue função que centraliza elementos absolutamento com jQuery. Muito utilizado com box modal.

</pre>
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
this.css("left", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
return this;
};
<pre>

Usando a função center…

$('#modal').center();

Deixe um comentário »

Nenhum comentário ainda.

Feed RSS para comentários sobre este post. URI de trackback

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s

Tema: Rubric. Blog no WordPress.com.

Seguir

Obtenha todo post novo entregue na sua caixa de entrada.