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

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

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(); 이렇게 쓰시면 됩니다.

ᕕ( ᐛ )ᕗ
로그인이 필요합니다

작성한 답변에 다른 개발자들이 댓글을 작성하거나 댓글에 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.