modalの上下センタリング

Bootstrapなどで利用するモーダルの上下センタリングを行う。
クローンを作成してmodalの高さを計算し，marginで調整する。

(function($) {
	$(function() {
		function centerModals($element) {
			var $modals;
			if ($element.length) {
				$modals = $element;
			} else {
				$modals = $(".modal" + ':visible');
			}
			$modals.each( function(i) {
				var $clone = $(this).clone().css('display', 'block').appendTo('body');
				var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
				top = top > 0 ? top : 0;
				$clone.remove();
				$(this).find('.modal-content').css("margin-top", top);
			});
		}

		// modal表示時
		$(".modal").on('show.bs.modal', function(e) {
			centerModals($(this));
		});
		// windowリサイズ時
		$(window).on('resize', centerModals);
	});
})(jQuery);