리자

중앙정렬에서 화면의 리사이즈가 있더라도 레이어 위치를 고정함

· 2010-08-20 (금) 11:38:55 · 5577 · 2
// 중앙정렬에서 화면의 리사이즈가 있더라도 레이어 위치를 고정함
// 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에서 이동 됨]
|

댓글 2개

2010-08-27 (금) 12:17:40
<div style="position:relative;">
<div id="mypost" style="position:absolute; width:150px; z-index:1;top:10px;left:10px;">
내글
</div>
</div>
요래 하면 위치가 고정이 되긴 하지만서도..
이거 응용하면 중앙 정렬인 사이트에 좌우로 배너같은걸 넣기 좋습니다.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
10-09-11 조회 1,243
10-09-11 조회 1,120
10-09-11 조회 1,008
10-09-11 조회 936
10-09-11 조회 1,303
10-09-11 조회 1,253
10-09-11 조회 1,001
10-09-11 조회 966
10-09-11 조회 1,152
10-09-11 조회 1,614
10-09-11 조회 1,143
10-09-08 조회 1,298
10-09-08 조회 1,134
10-09-07 조회 1,984
10-09-07 조회 3,044
10-09-07 조회 2,380
10-09-07 조회 992
10-09-07 조회 1,984
10-09-07 조회 2,175
10-09-04 조회 1,468
10-08-29 조회 1,447
10-08-27 조회 2,700
10-08-27 조회 2,609
10-08-20 조회 5,578
10-08-06 조회 1,298