如何将整个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'});

以下是jQuery中.css()的文档：http://api.jquery.com/css/

以下是jQuery中.animate()的文档：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 */

您可以使用其中任何一个进行相应的定位。

Answer 4

您也可以这样做

margin-top:-30px; 
min-height:40px;

此“帮助”可阻止div将所有内容都拉长一点。