중앙정렬에서 화면의 리사이즈가 있더라도 레이어 위치를 고정함 정보
jQuery 중앙정렬에서 화면의 리사이즈가 있더라도 레이어 위치를 고정함
본문
// 중앙정렬에서 화면의 리사이즈가 있더라도 레이어 위치를 고정함
// center, layer, div, resize, absolute, relative
jQuery(document).ready(function() {
jQuery(window).bind("resize", function() {
jQuery("#mypost").css("top", 67).css("left", ( document.body.clientWidth / 2) + 450).show();
}).trigger("resize");
});
<div id="mypost" style="display:none; position:absolute; width:150px; z-index:1;">
내글
</div>
// center, layer, div, resize, absolute, relative
jQuery(document).ready(function() {
jQuery(window).bind("resize", function() {
jQuery("#mypost").css("top", 67).css("left", ( document.body.clientWidth / 2) + 450).show();
}).trigger("resize");
});
<div id="mypost" style="display:none; position:absolute; width:150px; z-index:1;">
내글
</div>
[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]
추천
0
0
댓글 2개
<div style="position:relative;">
<div id="mypost" style="position:absolute; width:150px; z-index:1;top:10px;left:10px;">
내글
</div>
</div>
요래 하면 위치가 고정이 되긴 하지만서도..
<div id="mypost" style="position:absolute; width:150px; z-index:1;top:10px;left:10px;">
내글
</div>
</div>
요래 하면 위치가 고정이 되긴 하지만서도..

이거 응용하면 중앙 정렬인 사이트에 좌우로 배너같은걸 넣기 좋습니다.