관리 메뉴

맛집 여행 캠핑 일상 생활

iframe 안에서 position:fixed 가 안먹히는 문제 본문

JAVASCRIPT

iframe 안에서 position:fixed 가 안먹히는 문제

♥ 영은파더♥ 2018. 9. 19. 13:31

iframe 안에서 position:fixed 가 안먹히는 문제


자식 iframe 안에서는 고정레이어 팝업창이 먹히지가 않습니다.

아래처럼 top 부모에 div 를 append 하는 방법을 사용하면 됩니다.

$(window).load(function(){

createDivFixedTop('TopFixedLayer1');

});


$(window).unload(function(){

removeDivFixedTop('TopFixedLayer1');

});


function createDivFixedTop(_id) { // 고정팝업 추가

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', _id);

top.document.body.appendChild( obj );

}

function removeDivFixedTop(_id) { // 고정팝업 제거

var obj = top.document.getElementById(_id);

obj.parentNode.removeChild( obj );

}

위 코드를 응용하시면 됩니다.


Trackback : 0 | Comments : 0
댓글쓰기 폼