본문으로 바로가기

레이어 팝업 중앙 띄우기

category WEB/Javascript 2017. 2. 17. 16:59

var left = ( document.body.scrollLeft + (document.body.clientWidth - $(".popup_div").width()) / 2 );
var top = ( document.body.scrollTop + (document.body.clientHeight - $(".popup_div").height()) / 2 );




var $layerPopupObj = $('.layerPopupBox');
var left = ( $(window).scrollLeft() + ($(window).width() - $layerPopupObj.width()) / 2 );
var top = ( $(window).scrollTop() + ($(window).height() - $layerPopupObj.height()) / 2 );
$layerPopupObj.css({'left':left,'top':top, 'position':'absolute'});
$('body').css('position','relative').append($layerPopupObj);

출처 http://mytory.net/archives/812/

'WEB > Javascript' 카테고리의 다른 글

인사이드 자바스크립트 요약  (0) 2017.03.23
event.stopPropagation(), event.preventDefault ()  (0) 2017.03.15
Callback Function 콜백함수  (0) 2017.01.06
Scope & Hoisting  (0) 2017.01.04
변수의 Scope  (0) 2017.01.04