jQuery regolazione della risoluzione dello schermo Altezza

Question

Al fine di bilanciare meglio una pagina sto lavorando su Mi piacerebbe trovare un modo per aumentare il margine superiore di un DIV a seconda della risoluzione dello schermo. Qual è il mio modo migliore per impostare queste dimensioni con jQuery o Javascript?

Answer 1

Per ottenere la risoluzione dello schermo in JS oggetto uso screen

screen.height;
screen.width;

In base a che valori è possibile calcolare il margine a tutto ciò che più vi si addice.

Answer 2

Ecco un esempio su come centrare un oggetto in verticale con jQuery:

var div= $('#div_SomeDivYouWantToAdjust');
div.css("top", ($(window).height() - div.height())/2  + 'px');

Ma si potrebbe facilmente cambiare la situazione a qualunque i vostri bisogni sono.

Answer 3

Un altro esempio per div verticalmente ed orizzontalmente centrata o qualsiasi oggetto (s):

 var obj = $("#divID");
 var halfsc = $(window).height()/2;
 var halfh = $(obj).height() / 2; 

 var halfscrn = screen.width/2;
 var halfobj =$(obj).width() / 2; 

 var goRight =  halfscrn - halfobj ;
 var goBottom = halfsc - halfh;

 $(obj).css({marginLeft: goRight }).css({marginTop: goBottom });

Answer 4

Controlla la jQuery dimensioni plug

Answer 5

var space = $(window).height();
var diff = space - HEIGHT;
var margin = (diff > 0) ? (space - HEIGHT)/2 : 0;
$('#container').css({'margin-top': margin});