使用jquery在窗口中定位元素w.r.t

Question

var wdt = document.body.offsetWidth/2.6

var hgt = document.body.offsetHeight/4

$("#element").offset({left:wdt, top:hgt})

我想要做的是将图像（#element）相对于身体...设置到相对于窗口的中心...对于不同的浏览器/窗口大小/屏幕....无论任何屏幕。

这是有效的..还是还有......？

Answer 1

$("#element").css({left:50%, top:50%});

或

$("#element").css({left:window.innerWidth/2.6, top:window.innerHeight/4});

应该这样做。或者更好的是，在CSS文件中：

#element {
    left:50%;
    top:50%;
}

请注意，这会根据左上角定位您的元素，因此它似乎不会位于确切的中心。为了解决这个问题，你可以这样做（保留上面的CSS）：

$("#element").offset({
    left:-$(this).css("width")/2,
    top:-$(this).css("height")/2
});

Answer 2

使用jQuery

$("img").css({
  top: ($(window).height()-$("img").height())/2,
  margin: '0 auto'
});