[CSS] 모달창 화면 가운데로 위치 시키기
|
1
2
3
4
5
|
var div = $('#any_popup');
div.css("position", "absolute");
div.css("top", Math.max(0, (($(window).height() - div.outerHeight()) / 2) + $(window).scrollTop()) + "px");
div.css("left", Math.max(0, (($(window).width() - div.outerWidth()) / 2) + $(window).scrollLeft()) + "px");
$('#any_popup').fadeIn(500);
|
cs |
java script로 div의 id를 지정하여 css를 추가하면 화면에 맞게 정중앙에 맞춰준다.
'◽ HTML & CSS & JS, jQuery' 카테고리의 다른 글
| [JavaScript - (35) ] backslash(\, 빽슬래쉬) escape 처리 (0) | 2021.02.22 |
|---|---|
| [CSS]"vertical-align:" 위아래로 정렬하기 (이미지에 적용) (0) | 2020.11.19 |
| [CSS] 모서리 둥글게 (0) | 2020.11.06 |
| [javascript - (31) ] 테이블 헤더를 제외한 나머지 tr 지우기 (0) | 2020.05.27 |
| [javascript - (30) ] input type 동적으로 변경하기 (0) | 2020.05.26 |
| [JavaScript - (29) ] encodeURI() : url로 서블릿에 파라미터 값 (한글) 넘길 시 (0) | 2020.05.23 |
| null과 undefined (0) | 2020.04.20 |