Skip to content

Instantly share code, notes, and snippets.

@borzov

borzov/Best way to center align <div> using jQuery function

Created January 22, 2014 08:25
Show Gist options
  • Save borzov/8555291 to your computer and use it in GitHub Desktop.
Save borzov/8555291 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Best way to center align <div> using jQuery function
jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
return this;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment