팝업 레이어시 스크롤 내려도 레이어가 중앙에 고정되게 하고싶은데요~~ 정보
팝업 레이어시 스크롤 내려도 레이어가 중앙에 고정되게 하고싶은데요~~
본문
<script type="text/javascript">
$(document).ready(function(){
$("#lay").hide()
$(".layerBtn").click(function(){
$('<div id="blind_box"></div>').css('opacity',0.3).appendTo('body');
$('#lay').fadeIn(100);
$('#lay').css('z-index', '100');
});
$("#close").click(function(){
$("#blind_box").remove()
$('#lay').hide()
});
});
</script>
<style>
.layerBtn {cursor:pointer;}
#lay {position:absolute; top:50%; left:50%; height:400px; width:500px; margin-top:-200px; margin-left:-250px; background:#fff;
text-align:left; z-index:160; }
#lay span {display:block; position:absolute; right:5px; bottom:5px; cursor:pointer;}
#blind_box {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:50;}
</style>
<div id="lay">
<p>dfwef</p>
<span id="close"><img src="<?=$g4['find_img']?>/x.png"></span>
</div>
>>>
팝업 레이어시 스크롤 내려도 레이어가 중앙에 고정되게 하고싶은데요~~
소스이구요
해보시면 스크롤내려도 배경화면도 상단에만 어둡게나오는데요 스크롤내리면 밑에 흰색으로 배경이 깔리더라구요.
그리고 제이쿼리라서 그런데요
클릭시 list 의 php 변수의 id 값을 레이어 form 에 넘기고 싶은데요
어떻게 해야할까요^^??
그럼 고수님들 급도와주세욤~~
$(document).ready(function(){
$("#lay").hide()
$(".layerBtn").click(function(){
$('<div id="blind_box"></div>').css('opacity',0.3).appendTo('body');
$('#lay').fadeIn(100);
$('#lay').css('z-index', '100');
});
$("#close").click(function(){
$("#blind_box").remove()
$('#lay').hide()
});
});
</script>
<style>
.layerBtn {cursor:pointer;}
#lay {position:absolute; top:50%; left:50%; height:400px; width:500px; margin-top:-200px; margin-left:-250px; background:#fff;
text-align:left; z-index:160; }
#lay span {display:block; position:absolute; right:5px; bottom:5px; cursor:pointer;}
#blind_box {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; z-index:50;}
</style>
<div id="lay">
<p>dfwef</p>
<span id="close"><img src="<?=$g4['find_img']?>/x.png"></span>
</div>
>>>
팝업 레이어시 스크롤 내려도 레이어가 중앙에 고정되게 하고싶은데요~~
소스이구요
해보시면 스크롤내려도 배경화면도 상단에만 어둡게나오는데요 스크롤내리면 밑에 흰색으로 배경이 깔리더라구요.
그리고 제이쿼리라서 그런데요
클릭시 list 의 php 변수의 id 값을 레이어 form 에 넘기고 싶은데요
어떻게 해야할까요^^??
그럼 고수님들 급도와주세욤~~
댓글 전체

#lay {position:absolute; <= 이부분이 레이어팝업이면
포지션 속성을 fixed 로 바꿔보세요
position:fixed;
포지션 속성을 fixed 로 바꿔보세요
position:fixed;

아항 너무 감사드립니다^^