Comment déplacer un élément div entier en x pixels?

Question

Comment déplacer un élément div entier en x pixels?

je veux repositionner un div entier et son contenu jusqu'à environ 10-15 pixels.

Comment puis-je faire cela?

Note: il s'agit de l'élément slider, donc quand je clique sur un bouton, le slider glisse vers le bas. Une fois terminé, je veux le repositionner d'environ 15 pixels.

31

javascript jquery telerik

demandé sur codecompleting 2011-08-22 23:30:20

3 réponses

score 41 · Answer 1

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

ceci modifiera le css pour l'élément avec l'id "div_id"

pour obtenir l'effet désiré, je recommande d'ajouter le code ci-dessus à une fonction de rappel dans votre animation (de cette façon le div sera déplacé vers le haut après que l'animation est terminée):

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

Et bien sûr, vous pourriez animer le changement en marge de la sorte:

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

Voici la doc de .css() en jQuery: http://api.jquery.com/css/

Et ici sont les docs pour .animate() en jQuery: http://api.jquery.com/animate/

score 21 · Answer 2

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

21

répondu gislikonrad 2011-08-22 19:38:01

score 1 · Answer 3

dans css ajouter ceci à l'élément:

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

Vous pouvez utiliser l'un ou l'autre pour positionner en conséquence.

Las etiquetas más populares

Comment déplacer un élément div entier en x pixels?

3 réponses