jquery 元素居中显示设置代码

发布时间:2020-06-30编辑:脚本学堂
有关jquery实现元素居中显示的一段代码,jquery设置元素居中显示效果,感兴趣的朋友参考下。

jquery 元素居中显示设置代码

例子,jquery 元素居中显示。
 

复制代码 代码示例:

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

// 调用方法
$(element).center();