Center an element on the Screen with jQuery

    [javascript]
    jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", ( $(window).height() – this.height() ) / 2+$(window).scrollTop() + "px");
    this.css("left", ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + "px");
    return this;
    }

    //Use the above function as:
    $(element).center();
    [/javascript]

    Leave a Reply