JAVASCRIPT IFRAME 안에서 FIXED 레이어 만들기

JAVASCRIPT IFRAME 안에서 FIXED 레이어 만들기

iframe 내 position:fixed 를 하더라도 먹히지 않는다.

이런 경우엔 최상위 페이지에 레이어를 appendChild 하는 방식으로 접근하여야 한다.

$(window).load(function(){ // 고정팝업 추가

var obj = document.createElement('div');

obj.style.left = 0;

obj.style.bottom = 0;

obj.style.width = '100px';

obj.style.height = '100px';

obj.style.position = 'fixed';

obj.style['z-index'] = 1000;

obj.style['background-color'] = 'rgba(255,255,200,0.5)';

obj.innerHTML = "고정레이어";

obj.setAttribute('id','_fixedLayer');

top.document.body.appendChild( obj );

});

$(window).unload(function(){ // 고정팝업 제거

var obj = top.document.getElementById('_fixedLayer');

obj.parentNode.removeChild( obj );

});