Positionierung ein Element wrt das Fenster jquery mit

Question

var wdt = document.body.offsetWidth/2.6 

var hgt = document.body.offsetHeight/4 

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

, was ich versuche, Position zu tun, ist das Bild (#element) relativ zum body..ie zum Zentrum gegenüber dem Fenster ... für verschiedenen Browser/Fenstergrößen/Bildschirm .... unabhängig von jedem Bildschirm.

Ist das gültig .. oder gibt es noch ..?

Answer 1

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

oder

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

sollte es tun. Oder noch besser, in der CSS-Datei:

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

Beachten Sie, dass dies Ihr Element zu positionieren, basierend auf der oberen linke Ecke, so wird es nicht genau in der Mitte zu sein scheint. Um zu berücksichtigen, dass, könnten Sie dies tun (die über CSS zu halten):

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

Answer 2

Mit jQuery

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