首页 > 代码库 > jquery计算出left和top,让一个div水平垂直居中的简单实例
jquery计算出left和top,让一个div水平垂直居中的简单实例
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个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。