본문 바로가기

Popup Layer

 

 

경고창 혹은 팝업창을 대신하여 div를 이용한 popup layer.
페이지마다 모든 컨텐츠를 가릴 수 있는 div를 생성하기 위해 자바스크립트를 작성합니다.

 

var box_height = $('#container').height();
$('#black_layer).height( box_height );

 

#container 는 페이지의 모든 컨텐츠가 들어가 있는 div 엘리먼트.
이러면 popup layer 주변의 검은 배경이 페이지에 꽉 차서 스크롤을 내려도
페이지 컨텐츠의 모든 내용이 가려져야 하는데, Chrome 님께서 오작동을 하시네...
물론 뭔가 빠져서 정상 작동을 하는 것이겠지만.

 

브라우저별로 $('#container').height() 의 크기가 다르다는 불편한 진실.
ie : 1202px, chrome : 1064px 어쩔~^^;

 

$(window).load(function(){
...
});

 

로 감싸고 해결했습니다.
window.onload 이벤트에 넣어야 정상적인 세로 길이를 가져옵니다. $(document).ready() 도 가능하겠네요.
암튼 해결~