jQuery réglage de la hauteur de résolution de L'écran

Question

jQuery réglage de la hauteur de résolution de L'écran

afin de mieux équilibrer une page sur laquelle je travaille, j'aimerais trouver un moyen d'augmenter la marge supérieure d'un DIV en fonction de la résolution de l'écran. Quelle est ma meilleure façon de définir ces dimensions avec jQuery ou Javascript?

30

javascript jquery margins resolution screen

demandé sur Brian Webster 2009-08-13 16:35:20

5 réponses

score 71 · Answer 1

pour obtenir la résolution d'écran dans JS utilisez screen objet

screen.height;
screen.width;

basé sur ces valeurs, vous pouvez calculer votre marge à ce qui vous convient.

score 22 · Answer 2

voici un exemple sur la façon de centrer un objet verticalement avec jQuery:

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

mais vous pouvez facilement changer cela à tous vos besoins sont.

score 5 · Answer 3

un autre exemple pour div verticalement et horizontalement centré ou n'importe quel objet (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 });

score 4 · Answer 4

découvrez le jQuery dimensions plugin

4

répondu Colin 2009-08-13 12:36:35

score 2 · Answer 5

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

Las etiquetas más populares

jQuery réglage de la hauteur de résolution de L'écran

5 réponses