Как переместить весь элемент div вверх на x пикселей?

Я хочу переместить весь div и его содержимое примерно на 10-15 пикселей.

Как я могу это сделать?

Примечание: это элемент слайдера, поэтому, когда я нажимаю кнопку, слайдер сдвигается вниз. Как только он закончен, я хочу переместить его примерно на 15 пикселей.

Ответ 1

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

Это изменит css для элемента с id "div_id"

Чтобы получить эффект, который вы хотите, я рекомендую добавить код выше к функции обратного вызова в вашей анимации (таким образом, div будет перемещен после завершения анимации):

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

И, конечно же, вы можете анимировать изменение поля следующим образом:

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

Вот документы для .css() в jQuery: http://api.jquery.com/css/

И вот документы для .animate() в jQuery: http://api.jquery.com/animate/

Ответ 2

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

Ответ 3

В css добавьте это к элементу:

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

вы можете использовать любой из них для размещения соответственно.