TIP게시판
| 웅파 |  1  704  0
0
 2012-01-11 19:02:08 |
|---|---|
var aa = (document.body.scrollTop + (window.innerHeight/2)) ;
var x = (window.innerWidth - wW) / 2 ;
var y = (aa - (wH / 2));
wW와 wH는 화면에 뜨는 팝업창의 크기입니다. Y를 구하는 공식 : aa의 값은 document.body.scrollTop : 현재 스크롤의 위치값 window.innerHeight : 메뉴바, 툴바 등을 뺀 브라우저의 높이 현재 스크롤의 위치값에 순수화면값의 절반을 더하면 현재 화면의 중앙 값이 구해집니다. (스크롤을 하더라도 현재 화면의 중앙값 계산됩니다.) 거기에 화면에 뜨는 팝업창 높이의 1/2을 빼면 팝업창이 위치할 Y축이 구해집니다. X는 고정된 값이기 때문에 계산하기가 쉽습니다. 순수 화면크기값에서 팝업의 width를 뺀 값의 1/2이 X축 중앙이 됩니다. 검색하다 안나와서 그림 그려가면서 로직 만들었네요. (분명 있을건데... ㅎㅎㅎㅎ) 어쨌든 팝업의 크기에 상관없이, 스크롤 위치에 상관없이 현재 화면의 정 중앙에 팝업창이 위치합니다. ^^ |
|
추천
신고
|
||||||||
| 번호 | 제 목 | 글쓴이 | 날짜 | 조회 | 추천수 |
|---|---|---|---|---|---|
| 862 | form validation 에서 한글 체크 규칙 [3] | sliplife | 2012-05-14 | 123 | 0 |
| 859 | 간단한 웹페이지 캐쉬처리 라이브러리 (스마티 캐쉬 .. [3] | sliplife | 2012-05-10 | 174 | 0 |
| 855 | 워드프레스 + Codeigniter [4] | 이현석 | 2012-05-07 | 240 | 0 |
| 850 | CLI 모드로 실행할 때 로그파일 관련문제 [1] | 사랑완샷 | 2012-04-09 | 270 | 0 |
| 848 | Customization Pagination (페이.. [1] | 얼짱짠군 | 2012-04-02 | 506 | 0 |
| 845 | db library 에서 save_queries 옵.. [3] | pithecus | 2012-03-29 | 355 | 0 |
| 842 | 세션 분실 && 읽지못함 관련 팁...이 될 수 있.. [1] | 밥아저씨 | 2012-03-10 | 658 | 0 |
| 836 | Hook을 이용한 preload 이이지 구현에 대한.. [3] | 핵잠함장 | 2012-02-22 | 590 | 0 |
| 833 | CI_Cache_memcached 드라이버 버그 수정 [2] | 한글이 | 2012-02-22 | 546 | 0 |
| 829 | HMVC 5.4 & Template_ 타로구조 만들기 [2] | 타로 | 2012-02-02 | 1003 | 0 |
| 824 | CI lang팩 -> Javascript lang팩 [4] | KangMin | 2012-01-25 | 788 | 0 |
| 823 | anchor_popup 헬퍼 화면 정 가운데 띄우기.. [0] | DJ구스 | 2012-01-17 | 661 | 0 |
| 822 | [자바스크립트] 창을 화면 정중앙에 위치하게 계산하기 [1] | 웅파 | 2012-01-11 | 704 | 0 |
| 815 | hook에서 선언한 변수를 컨트롤러에서 사용하기 [2] | 웅파 | 2011-12-27 | 868 | 0 |
| 812 | mysql 부분적인 에러 핸들링 처리 [2] | EziX | 2011-12-20 | 867 | 0 |
| 811 | 컨트롤러 외부에서의 종료방법 [1] | EziX | 2011-12-20 | 696 | 0 |
| 809 | icodekore sms 모듈 쓰는 분들 참고하세요.. [0] | namGoos | 2011-12-09 | 936 | 0 |
| 803 | Upgrading from 2.0.3 to 2.1.0 [5] | namGoos | 2011-12-06 | 910 | 0 |
| 794 | .svn 폴더 삭제 하기 [7] | 불의회상 | 2011-11-30 | 1068 | 1 |
| 792 | [1원] 윈도우서버+mssql 에서 CLI(Comm.. [2] | 터프키드 | 2011-11-29 | 985 | 0 |
