Posted By

giver on 02/17/11

Tagged

jquery
center

Versions (?)

Last Edited at 02/17/11 03:11pm

Statistics

Viewed 954 times

Favorited by 5 user(s)

Related snippets

jQuery Center Vertical and Horizontal Web Page

/ Published in: jQuery

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

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