web-dev-qa-db-fra.com

Comment déplacer un élément div entier vers le haut de x pixels?

Je veux repositionner une div entière et son contenu d'environ 10 à 15 pixels.

Comment puis-je faire ceci?

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

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

Cela modifiera le css de l'élément avec l'ID "div_id"

Pour obtenir l'effet que vous souhaitez, 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 une fois l'animation terminée):

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

Et bien sûr, vous pouvez animer le changement de marge comme suit:

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

Voici les documents pour .css() dans jQuery: http://api.jquery.com/css/

Et voici les documents pour .animate() dans jQuery: http://api.jquery.com/animate/

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

Dans css, ajoutez 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.

4
srinivas