okuden-labo
3/19/2015 - 3:35 AM

jQueryで画面の中心

jQueryで画面の中心

/* 画面の中心に要素を配置 */

$(document).ready(function() {
  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;
  }
  $("#my-id").center();
});