导航：首页 > 开发技术 >

jQuery如何使元素居屏幕中间位置

发表于：2026-11-04 作者：千家信息网编辑

千家信息网最后更新 2026年11月04日，这篇文章主要介绍了jQuery如何使元素居屏幕中间位置，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。使元素居屏幕中间位置$(docum

千家信息网最后更新 2026年11月04日jQuery如何使元素居屏幕中间位置

这篇文章主要介绍了jQuery如何使元素居屏幕中间位置，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

使元素居屏幕中间位置

$(document).ready(function() {   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;   }   $("#id").center(); });

感谢你能够认真阅读完这篇文章，希望小编分享的"jQuery如何使元素居屏幕中间位置"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!

很赞哦！