-1

我有这样的 CSS 样式：

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

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

4

5 回答 5

2

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

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

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

$('#div1').css('top','+=20px')
于 2013-04-09T17:36:52.987 回答
1 
$('#div1').css({top: "+20px"});
于 2013-04-09T17:37:19.983 回答
1 
//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 Value 设置 CSS 值。应该管用。如果我错了，请纠正。

于 2013-04-09T21:57:30.417 回答
0

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

$('#div1').css('top', '+=20px')
于 2013-04-09T17:36:57.540 回答
0

尝试如下...

$('#div1').css('top','20px');
于 2013-04-09T17:38:32.113 回答