javascript - property - Resolución de pantalla jQuery Ajuste de altura

title label html

Question

Para equilibrar mejor una página en la que estoy trabajando, me gustaría encontrar una manera de aumentar el margen superior de un DIV en función de la resolución de la pantalla. ¿Cuál es mi mejor manera de establecer estas dimensiones con jQuery o Javascript?

Answer 1

Aquí hay un ejemplo de cómo centrar un objeto verticalmente con jQuery:

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

Pero podría cambiar fácilmente eso para lo que sean sus necesidades.

Answer 2

Mira el plugin de dimensiones jQuery

Answer 3

Otro ejemplo de div centrado vertical u horizontalmente o cualquier objeto (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

Para obtener una resolución de pantalla en JS use un objeto de screen

screen.height;
screen.width;

Sobre la base de esos valores, puede calcular su margen para lo que más le convenga.

Answer 5

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