Saltar al contenido

¿Cómo mover un elemento div completo hacia arriba x píxeles?

La guía paso a paso o código que verás en este post es la solución más sencilla y efectiva que encontramos a tus dudas o dilema.

Solución:

$('#div_id').css(marginTop: '-=15px');

Esto alterará el css para el elemento con el id “div_id”

Para obtener el efecto que desea, recomiendo agregar el código anterior a una función de devolución de llamada en su animación (de esa manera, el div se moverá hacia arriba una vez que se complete la animación):

$('#div_id').animate(..., function () 
    $('#div_id').css(marginTop: '-=15px');
);

Y, por supuesto, podrías animar el cambio en el margen así:

$('#div_id').animate(marginTop: '-=15px');

Aquí están los documentos para .css() en jQuery: http://api.jquery.com/css/

Y aquí están los documentos para .animate() en jQuery: http://api.jquery.com/animate/

$('div').css(
    position: 'relative',
    top: '-15px'
);

En css agregue esto al elemento:

margin-top: -15px; /*for exact positioning */
margin-top: -5%; /* for relative positioning */

puede usar cualquiera de los dos para posicionarse en consecuencia.

Agradecemos que quieras añadir valor a nuestra información dando tu veteranía en las críticas.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *