묻고답하기
jquery를 이용해 유동적 수직 가운데 정렬을 하려고 하는데
2013.03.05 19:13
기존의 방식인 top:50%; height: 400px; margin-top:-200px; 는 뷰 포트보다 높이가 크면 문제가 있고, height가 고정되어야 하는데요.
제가 만들려는 디자인은 ajax로 컨텐츠를 불러와 컨텐츠 내용에 따라서 wrapper의 height가 유동적으로 변경되어야 하기에 지정을 하지 않았습니다.
그후 wrapper의 세로 길이와 뷰 포트의 세로 길이를 측정하여 그 차수를 가지고 wrapper에 jquery로 자동으로 wrapper 레이어의 margin-top값을 변경하려고 합니다.
$(document).ready(function(){
var currentHeight = $(window).width();
$("body").chilgren("div").each(function(){
var wrapperHeight = $(this).height(); // wrapper의 height 구하
if (currentHeight < wrapperHeight)
{
newHeight = currentHeight - wrapperHeight;
newHeight = newHeight/2;
$(this).css('marginTop',newHeight);
}
});
});
이렇게 구성하고 적용을 했는데 변화가 생기지를 않는 겁니다.
그래서 currentHeight를 정의한 문장 아래에 alert나 InnerHTML 로 값을 가져오려고 했는데 동작을 안하더라구요.
즉, 저 jquery문이 통째로 동작을 하지 않는다는 건데 왜인지 원인을 모르겠습니다..
라이브러리는 jquery.com에서 1.7.2 버전으로 다운로드 받아 사용하고 있습니다.
다른 jquery문은 동작을 하는걸로 보아 라이브러리 로드가 실패한건 아닌듯 한데 원인을 알고자 합니다.
댓글 0
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
짜장면5 | 게시물 자동복사가 가능한가요? [1] | 2013.03.05 by 데벨 |
돌종 | 회원이 회원목록 보고 검색하기 [1] | 2013.03.05 by sejin7940 |
철이베베 | 현재 다국어 지원이.. 잘 되나여? [2] | 2013.03.05 by sejin7940 |
근육소년 | 글 번호를 이용하는 함수 질문 [1] | 2013.03.05 by sejin7940 |
천랑시리우스 | 확장변수에서 숫자 0이 저장이 안될 때 수정방법 알려주세요. [1] | 2013.03.05 by 푸시아 |
GD디자이너 | 필터 배열 질문 | |
폼첩쿤 |
회원정보수정 클릭시 오류가 나는데 원인을 모르겠습니다.
[2]
![]() | 2013.03.05 by 푸시아 |
ギャル | 회원 추가정보 추가 table에 저장 하는 법 [1] | 2013.03.05 by 송동우 |
달노래 | 게시글의 날짜를 바꾸려면 어떻게 하죠? [4] | 2013.03.05 by Xiso |
김선생™ | 게시글 날짜 순서 변경 방법있을까요? [2] | 2013.03.05 by Xiso |
때린데 또때려 | db 에서 게시글 순서 변경하기 [1] | 2013.03.05 by Xiso |
sbshs77 | jquery를 이용해 유동적 수직 가운데 정렬을 하려고 하는데 | |
sorento | "등록된 글이 없습니다" 해결책을 찾습니다. | |
철이베베 | 카페24 + XE 1.5.4.2 다국어 지원 [1] | 2013.03.05 by 송동우 |
야마돌끼 | 모듈함수 쓰기 질문 ! | |
ギャル | [급질문] 회원가입 페이지 통하지 않은 스팸성 가입 관련.. [2] | 2013.03.05 by ギャル |
safddsf |
좀알려주세요..ㅠ
![]() | |
건방진 |
개발한 모듈 적용 시키는 방법 알려주세요
[1]
![]() | 2013.03.05 by 푸시아 |
shyduke | 프레임소스를 넣을수가 없어요 [1] | 2013.03.05 by 푸시아 |
safddsf |
질문합니다.
![]() |