使用jQuery在屏幕上居中放置DIV

• Z时代
• 2024-01-10
• 分类：问答

如何<div>使用jQuery在屏幕中央设置a ？

回答：

我喜欢向jQuery添加功能，因此该功能将有所帮助：

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();

以上是 使用jQuery在屏幕上居中放置DIV 的全部内容， 来源链接： utcz.com/qa/413438.html