[javascript & jQuery] 레이어 팝업 항상 정 가운데로 정렬

// :::::::::::::::::::::: 중앙 정렬 :::

jQuery.fn.middle = function () {

this.css("position","absolute");

this.css("top", '50%');

this.css("left", '50%');

this.css("margin-top",- ($(this).outerHeight()) / 2) + "px";

this.css("margin-left",- ($(this).outerWidth()) / 2) + "px";

return this;

}

구현해야 할 곳에 호출 하기만 하면 된다. 

// :::::::::::::::::::::: 모바일 레이어팝업 구현 :::

function mobilePopup() {

$('.js-dim').show();

$('.mobile-popup').middle();

// $('body,html').css({

// overflowY: 'hidden'

// });

// $('body').bind('touchmove', function(e){

// e.preventDefault();

// });

$('.mobile-popup-con').css({

overflowY: 'scroll',

//height: '330px'

});

}