如何将整个div元素向上移动x像素？

Question

我想重新定位整个div及其内容大约10-15像素.

我怎样才能做到这一点？

注意:这是滑块元素,因此当我单击按钮时滑块向下滑动.一旦完成,我想重新定位大约15个像素.

Answer 1

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

这将改变id为"div_id"的元素的css

为了获得你想要的效果,我建议将上面的代码添加到动画中的回调函数中(这样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/

Answer 2

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

Answer 3

在CSS中，将其添加到元素中：

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

您可以使用任一位置进行相应定位。