jquery - 使用 jquery 在窗口中定位元素

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'
});