Question

我有这样的CSS风格：

#div1 {
    display:block;
    position: fixed;
    top: 30px;
}

无论当前数字是多少，我如何将20px添加到最高值，因为该值应该是动态的。谢谢

Answer 1

您可以在css()的回调函数中设置新值：

$('#div1').css('top', function(index ,value) {
    return value + 20;
});

对于jQuery版本1.6+，您可以使用：

$('#div1').css('top','+=20px')

Answer 2

$('#div1').css({top: "+20px"});

Answer 3

//Returns current Top Value.
var origTop = $('#div1').position().top;

//Value you wish to increment original Top Value by.
var topIncrement = 20; 

// Sets new Top Value
$('#div1').css('top', origTop + topIncrement);

jQuery.position（）。top返回Top的int值。然后，您可以声明要增加的变量。在第三行代码中设置新Top值的CSS值。应该管用。如果我错了，请纠正。

Answer 4

您可以使用css jQuery函数来获取或设置css属性。

$('#div1').css('top', '+=20px')

Answer 5

尝试如下...

$('#div1').css('top','20px');

如何将新值添加到当前css值

5 个答案: