定位元素使用jQuery WRT窗口

Question

var wdt = document.body.offsetWidth/2.6 

var hgt = document.body.offsetHeight/4 

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

什么，我试图做的是位置的图像（#element）相对于body..ie到中心相对于窗口......针对不同的浏览器/窗口大小/屏幕....不管任何屏幕。

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

Answer 1

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

或

​​

应该这样做。或者更好的是，在你的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' 
});