カテゴリー
jQuery

【jQuery】要素を中央に配置する関数


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;
}

// 使用
$( "#id" ).center();

出典元 Using jQuery to center a DIV on the screen


ブログランキング・にほんブログ村へ 記事が良ければ押してください。


『恐竜博物館』(Google Play)
初めてゲーム(Android)を作成しました。放置ゲームなので時間の空いた時にポチポチできます。是非やってみてください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です