Bir div öğesini ACTUAL ekranının ortasına nasıl konumlandırın? (JQuery)

Question

Ekranın ortasına div öğesi yerleştirmem gerekiyor. Aşağıda basit bir kod buldum, ancak sayfanın "toplam yüksekliği/2" değil, GERÇEK ekranın merkezine ihtiyacım var!

Burada, gerçek ekranı değil, bir öğeyi ortalayan JQuery kodudur; dediğim gibi

jQuery.fn.center = function() { 
this.css("position","absolute"); 
this.css("top", ($(window).height() - this.height())/2+$(window).scrollTop() + "px"); 
this.css("left", ($(window).width() - this.width())/2+$(window).scrollLeft() + "px"); 
return this;} 

i (gibi 1366 * 768 ya da her türlü kullanıcıların tarayıcılarını resized) gerçek ekran boyutlarını hesaplamak ve ekranın ortasındaki elemanını konumlandırmak gerekiyor. Yani, sayfayı aşağı kaydırırsam, daima ortalanmış div tekrar merkezde olmalıdır. senin seçici ile

var width=$("#div").css("width"); 
var half=width/2; 
$("#div").css("marginLeft","-"+half+"px"); 

Değişim #div:

Answer 1

bunu works..take absolute, aşağıdaki gibi bir şey kullanabilirsiniz:

Demo: http://jsfiddle.net/GoranMottram/D4BwA/1/

Answer 2

BU YTL. Eğer fixed konumlandırma kullanmak yerine yapmayı kabul ediyorsanız

Answer 3

o ..

#sample{ 
margin-left:auto; 
margin-right:auto; 
width:200px;//your wish 
} 

çalıştığını düşünüyorum olarak css stil vermek #sample

olarak bu atlayışı