jQuery를 써서 DIV가 화면 중앙에 나오게 하고싶은데 어떻게 하면 좋을까요?


jQuery를 써서 DIV가 화면 중앙에 나오게 하고싶은데 어떻게 하면 좋을까요?

  • 2016년 02월 25일에 작성됨

조회수 130


1 답변


좋아요
0
싫어요
채택취소하기
jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + 
                                                $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + 
                                                $(window).scrollLeft()) + "px");
    return this;
}

이런식으로 함수로 만들어봤습니다.

$(element).center(); 이렇게 쓰시면 됩니다.

  • 2016년 02월 25일에 작성됨

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close