jquery计算出left和top,让一个div水平垂直居中的简单实例

2024-09-02 22:09:09 218人阅读

if($("#cont1").css("position")!="fixed"){

$("#cont1").css("position","absolute");

var dw = $(window).width();

var ow = $("#cont1").outerWidth();

var dh = $(window).height();

var oh = $("#cont1").outerHeight();

var l = (dw - ow) / 2;

var t = (dh - oh) / 2 > 0 ? (dh - oh) / 2 : 10;

var lDiff = $("#cont1").offset().left - $("#cont1").position().left;

var tDiff = $("#cont1").offset().top - $("#cont1").position().top;

l = l + $(window).scrollLeft() - lDiff;

t = t + $(window).scrollTop() - tDiff;

$("#cont1").css("left",l + "px");

$("#cont1").css("top",t + "px");

}

jquery计算出left和top,让一个div水平垂直居中的简单实例

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们